:root{--blue:#2563eb;--navy:#14213d;--ink:#172033;--muted:#718096;--line:#e7edf4;--bg:#f7f9fc;--surface:#fff;--green:#16a34a;--amber:#d99713;--purple:#7c3aed}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:'DM Sans',sans-serif;color:var(--ink);font-size:14px}button{font:inherit;color:inherit;cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;border-right:1px solid #e9eef4;display:flex;flex-direction:column;padding:24px 15px 12px;z-index:5}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 26px}.brand-mark{height:36px;width:36px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:500;box-shadow:0 5px 12px #2563eb35}.brand b{font:800 18px Manrope,sans-serif;letter-spacing:-.8px}.brand b span{color:var(--blue)}.brand small{display:block;font-size:9px;letter-spacing:1.35px;color:#96a3b5;font-weight:700;margin-top:0}.workspace{margin:0 2px 29px;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;padding:10px;gap:9px}.workspace-icon{height:30px;width:30px;border-radius:8px;background:#eff6ff;color:var(--blue);display:grid;place-items:center}.workspace b,.account b{font-size:12px;display:block}.workspace small,.account small{font-size:10px;color:#8995a7;display:block;margin-top:2px}.chevron{margin-left:auto;color:#9aa5b4}.nav-label{font-size:9px;letter-spacing:1.1px;color:#9ba7b6;font-weight:700;padding:0 11px 9px}.nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;border-radius:8px;padding:10px 11px;text-align:left;font-size:12px;color:#647184;font-weight:500}.nav-item i{width:17px;text-align:center;font-style:normal;font-size:16px;color:#8693a4}.nav-item:hover{background:#f6f8fb}.nav-item.active{color:#1f57c5;background:#eff5ff;font-weight:700}.nav-item.active i{color:var(--blue)}.nav-count{margin-left:auto;background:#fff;color:#5876b8;border:1px solid #e2eaff;border-radius:12px;padding:2px 7px;font-size:10px}.manage-label{margin-top:27px}.sidebar-bottom{margin-top:auto}.help-card{background:#f7f9fd;border-radius:10px;padding:14px;margin:0 3px 15px;position:relative}.help-icon{width:22px;height:22px;border-radius:50%;background:#e7efff;color:#557fd6;display:grid;place-items:center;font-weight:700;margin-bottom:8px}.help-card b{font-size:12px}.help-card p{font-size:10px;line-height:1.5;color:#8290a3;margin:5px 0 9px}.help-card a{font-size:10px;text-decoration:none;color:var(--blue);font-weight:700}.help-card a span{padding-left:4px}.account{border-top:1px solid #eef1f5;margin-top:10px;padding:14px 4px 0;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{height:32px;width:32px;border-radius:50%;background:#efe9df;color:#8b6a4c;display:grid;place-items:center;font-size:10px;font-weight:700}.dots{margin-left:auto;color:#7b8795;font-size:20px}.main{margin-left:250px;min-height:100vh}.topbar{height:65px;background:#fff;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.crumb{font-size:12px;color:#8a96a6}.crumb span{padding:0 9px;color:#c1c9d2}.crumb b{color:#354153;font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.icon-button{border:0;background:transparent;color:#728094;font-size:20px;position:relative}.bell em{position:absolute;right:1px;top:2px;width:6px;height:6px;background:#ef5454;border-radius:50%;border:1px solid white}.top-divider{height:23px;border-left:1px solid var(--line)}.top-avatar{height:30px;width:30px;background:#e8efff;color:#3763bd}.content{max-width:1450px;padding:31px 39px 16px;margin:auto}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.eyebrow{font-size:9px;font-weight:700;color:#8e9aab;letter-spacing:1px;display:flex;gap:7px;align-items:center}.live-dot{height:6px;width:6px;border-radius:50%;background:#38b978}.welcome-row h1{font:700 25px Manrope,sans-serif;letter-spacing:-.7px;margin:10px 0 4px;color:#15213a}.welcome-row h1 span{font-size:19px;color:#f4af48}.subheading,.panel-header p{font-size:12px;color:#8995a5;margin:0}.header-actions{display:flex;gap:9px}.date-button,.secondary-button{height:37px;background:#fff;border:1px solid #e1e7ef;border-radius:8px;padding:0 12px;font-size:11px;color:#586578}.date-button span{margin:0 9px}.primary-button{height:37px;border:0;border-radius:8px;padding:0 14px;background:var(--blue);color:white;font-weight:600;font-size:11px;box-shadow:0 3px 7px #2563eb2a}.primary-button span{font-size:16px;vertical-align:-1px;margin-right:4px}.notice{min-height:40px;border:1px solid #e1eafa;background:#f1f6ff;border-radius:8px;display:flex;align-items:center;padding:0 12px;color:#55719e;font-size:11px;margin-bottom:17px}.notice-icon{height:16px;width:16px;border-radius:50%;background:#dce9ff;display:grid;place-items:center;font-weight:700;font-size:10px;margin-right:9px}.notice button{margin-left:auto;border:0;background:none;color:#8794a5;font-size:17px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.stat-card,.panel{background:#fff;border:1px solid #e9eef4;border-radius:11px;box-shadow:0 2px 5px #18294304}.stat-card{padding:15px 16px 13px;min-height:121px}.stat-head{display:flex;align-items:center;justify-content:space-between;color:#6e7b8e;font-size:11px}.stat-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-size:14px}.blue{background:#edf4ff;color:#3373e6}.amber{background:#fff7e7;color:#d99b20}.green{background:#eaf8ef;color:#23a15a}.violet{background:#f3efff;color:#7956cf}.stat-value{font:700 25px Manrope,sans-serif;margin:9px 0 7px;letter-spacing:-.5px;color:#263449}.stat-foot{display:flex;align-items:center;gap:6px;font-size:9px;color:#9aa5b4}.neutral-chip{background:#f2f5f8;padding:4px 6px;border-radius:5px;color:#8996a6}.muted{color:#a2adba}.foot-link,.text-button{color:var(--blue);font-weight:600;cursor:pointer}.foot-link{margin-left:auto;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(245px,.85fr);gap:15px;margin-bottom:15px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:17px 18px 13px}.panel-title{font:700 14px Manrope,sans-serif;color:#243248;display:flex;gap:9px;align-items:center}.panel-header p{font-size:10px;margin-top:5px}.text-button{border:0;background:none;font-size:10px;padding:2px 0}.text-button b{font-size:13px;margin-left:5px}.live-pill{font:700 8px 'DM Sans';letter-spacing:.6px;color:#23965a;background:#eaf8ef;border-radius:10px;padding:4px 7px;display:flex;align-items:center;gap:4px}.live-pill i{height:5px;width:5px;background:#28ab68;border-radius:50%}.queue-summary{display:flex;align-items:center;background:#f9fbfd;border-top:1px solid #f0f3f7;border-bottom:1px solid #f0f3f7;padding:12px 18px;gap:18px}.queue-summary>div:first-child,.queue-summary>div:nth-child(3){display:grid;gap:2px}.queue-summary small{font-size:8px;letter-spacing:.7px;color:#9aa6b6;font-weight:700}.queue-summary strong{font:700 19px Manrope;color:#a2adbb}.queue-summary span{font-size:9px;color:#99a4b2}.queue-divider{height:34px;border-left:1px solid #e5eaf0}.queue-actions{margin-left:auto;display:flex;gap:7px}.secondary-button{height:30px;padding:0 9px;font-size:9px}.secondary-button:disabled,.next-button:disabled{opacity:.55;cursor:not-allowed}.next-button{height:30px;padding:0 10px;border:0;border-radius:7px;background:var(--blue);color:white;font-size:9px;font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:8px;letter-spacing:.65px;color:#9aa6b5;font-weight:700;padding:11px 13px;border-bottom:1px solid #f0f2f6}td{padding:10px 13px;border-bottom:1px solid #f5f6f8;font-size:10px}.empty-row{text-align:center!important;height:136px;color:#78879a}.empty-row .empty-icon{font-size:22px;color:#bac8d9;margin-bottom:6px}.empty-row b,.empty-row span{display:block}.empty-row b{font-size:11px;color:#5b687a}.empty-row span{font-size:9px;color:#9aa5b3;margin-top:4px}.side-column{display:grid;gap:14px;align-content:start}.activity-panel{padding-bottom:6px}.activity-panel .panel-header{padding-bottom:10px}.quick-action{display:flex;align-items:center;width:calc(100% - 28px);margin:0 14px 3px;padding:9px 4px;background:none;border:0;text-align:left;gap:10px;border-top:1px solid #f1f3f6}.quick-icon{height:30px;width:30px;border-radius:8px;display:grid;place-items:center;font-size:15px}.quick-icon.purple{color:#7953ce;background:#f2edff}.quick-icon.blue{color:#3678e8;background:#edf4ff}.quick-icon.green{color:#239b56;background:#eaf8ef}.quick-action b{font-size:10px;display:block}.quick-action small{font-size:9px;color:#98a3b1;display:block;margin-top:3px}.quick-action i{margin-left:auto;color:#9ca8b6;font-style:normal;font-size:14px}.tip-card{border-radius:11px;background:#f0f5ff;border:1px solid #e5ecfc;min-height:185px;padding:13px 15px 0;position:relative;overflow:hidden}.tip-top{display:flex;justify-content:space-between;color:#7d93b7;font-weight:700;font-size:8px;letter-spacing:.8px}.tip-top span+span{letter-spacing:2px}.tip-card h3{font:700 13px Manrope;color:#334a70;margin:11px 0 4px}.tip-card p{font-size:9px;color:#7388a9;line-height:1.55;max-width:190px;margin:0}.tip-illustration{position:absolute;bottom:0;right:0;width:118px;height:58px;background:#dbe8ff99;border-radius:60px 0 0;display:flex;align-items:flex-end;justify-content:center;gap:5px}.tip-sun{position:absolute;right:22px;top:-22px;color:#f4bb55;font-size:23px}.tip-window{height:38px;width:44px;background:#fff;border:4px solid #bdcff1;border-bottom:0;border-radius:5px 5px 0 0;display:flex;gap:3px;padding:6px}.tip-window div{background:#e3edfc;width:10px}.tip-plant{font-size:26px;color:#5b9c79;align-self:flex-end}.appointments-panel{margin-bottom:12px}.upcoming-empty{height:104px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6c7c90}.calendar-art{height:27px;width:27px;border-radius:8px;background:#eff5ff;color:#5f88d0;display:grid;place-items:center;margin-bottom:6px}.upcoming-empty b{font-size:10px}.upcoming-empty span{font-size:9px;color:#9aa5b3;margin-top:4px}footer{display:flex;align-items:center;color:#9ba6b3;font-size:9px;padding:8px 2px 0}footer>span{margin:0 8px;color:#c2cad3}footer div{margin-left:auto;display:flex;gap:17px}footer a{color:#8f9baa;text-decoration:none}.mobile-menu{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#172033;color:white;padding:11px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:20;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1150px){.sidebar{width:220px}.main{margin-left:220px}.content{padding:26px 24px 14px}.topbar{padding:0 24px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(225px,.85fr)}.stats-grid{gap:9px}.stat-card{padding:13px}}
@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .25s;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:10px 0 35px #15244020}.main{margin-left:0}.mobile-menu{display:block;border:0;background:none;font-size:18px;color:#627188;margin-right:12px}.topbar{justify-content:flex-start}.top-actions{margin-left:auto}.dashboard-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.content{padding:22px 14px 14px}.topbar{height:56px;padding:0 14px}.crumb{font-size:11px}.welcome-row{align-items:flex-start;gap:14px;flex-direction:column}.welcome-row h1{font-size:22px}.header-actions{width:100%}.header-actions>*{flex:1}.date-button{display:flex;align-items:center;justify-content:center}.stats-grid{gap:8px}.stat-card{min-height:112px;padding:11px}.stat-head{font-size:10px}.stat-value{font-size:22px}.stat-foot{font-size:8px}.side-column{grid-template-columns:1fr}.queue-summary{gap:10px;padding:11px}.queue-actions{gap:4px}.queue-actions button{font-size:8px;padding:0 6px}.panel-header{padding:14px}.queue-panel .panel-header{gap:10px}.text-button{white-space:nowrap}th,td{padding:10px 9px}.top-actions{gap:10px}.top-actions .icon-button:first-child{display:none}footer{flex-wrap:wrap;gap:3px}footer div{gap:10px}}
.auth-button{border:1px solid #dce4ef;border-radius:7px;background:#fff;padding:8px 12px;color:#526176;font-size:11px;font-weight:600}.modal-backdrop{position:fixed;inset:0;background:#14213d77;display:grid;place-items:center;padding:18px;z-index:30}.modal-backdrop[hidden]{display:none}.dialog{position:relative;background:#fff;border-radius:16px;padding:26px;width:min(100%,420px);box-shadow:0 20px 70px #0f1e3840}.dialog-close{position:absolute;right:16px;top:12px;background:none;border:0;font-size:23px;color:#8794a6}.dialog-brand{display:flex;align-items:center;gap:9px}.dialog-brand .brand-mark{height:29px;width:29px;border-radius:9px;font-size:22px}.dialog-brand b{font:800 16px Manrope}.dialog-brand b span{color:var(--blue)}.dialog h2{font:700 22px Manrope;margin:22px 0 5px}.dialog-subtitle{font-size:12px;color:#8290a3;margin:0 0 18px}.dialog form{display:grid;gap:12px}.dialog label{display:grid;gap:6px;font-size:11px;font-weight:600;color:#536176}.dialog input,.dialog select{height:39px;border:1px solid #dce3ec;border-radius:8px;padding:0 11px;font:12px 'DM Sans';outline:none}.dialog input:focus,.dialog select:focus{border-color:#6494ef;box-shadow:0 0 0 3px #2563eb18}.dialog-submit{width:100%;margin-top:4px}.mode-switch{border:0;background:none;color:var(--blue);font-size:11px;font-weight:600;margin-top:13px;padding:0}.form-error{font-size:11px;color:#c64242;margin-top:8px;min-height:15px}
.customer-link{font-size:10px;color:#5576a8;text-decoration:none;white-space:nowrap}.customer-link:hover{color:var(--blue)}
.dialog{max-height:92vh;overflow:auto}.management-list{border-top:1px solid #edf0f4;margin-top:15px;padding-top:10px}.management-list[hidden]{display:none}.management-row{display:flex;align-items:center;gap:6px;border-bottom:1px solid #f0f2f5;padding:9px 0}.management-row>span{flex:1;min-width:0}.management-row b,.management-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.management-row b{font-size:10px}.management-row small{font-size:9px;color:#8a96a5;margin-top:3px}.management-row button{border:1px solid #e1e7ee;background:#fff;border-radius:6px;padding:5px 7px;font-size:9px;color:#4568a5}.management-row button.deactivate{color:#b74a45}.empty-mini{font-size:10px;color:#98a4b1;padding:10px 2px}
.queue-panel .row-actions{display:flex;gap:3px;white-space:nowrap}.queue-panel .row-actions button{border:1px solid #e3e9f0;border-radius:5px;background:#fff;color:#5b6c82;padding:4px 5px;font:9px 'DM Sans'}.queue-panel .row-actions button:hover{background:#eff5ff;color:#255fc5}.priority-mark{display:block;color:#986407;font-size:8px}.queue-session{font-size:10px}
.appointment-filters{display:flex;gap:8px;align-items:center;padding:0 17px 14px}.appointment-filters input,.appointment-filters select,.queue-panel .panel-header select{height:32px;border:1px solid #e0e6ee;border-radius:7px;background:#fff;padding:0 9px;font:10px 'DM Sans';color:#59677a}.appointment-filters input{flex:1;min-width:130px}.appointment-filters .secondary-button{white-space:nowrap}.pagination{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;color:#8793a3;font-size:10px}.pagination button:disabled{opacity:.45;cursor:not-allowed}