:root{color:#182230;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f6f8fb;min-width:320px;min-height:100%}body{background:#f6f8fb;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}h1,h2,h3,p{margin:0}:root{--sidebar:#101828;--sidebar-hover:#1d2939;--primary:#2563eb;--primary-hover:#1d4ed8;--page:#f6f8fb;--surface:#fff;--border:#e4e7ec;--text:#182230;--muted:#667085;--soft:#f2f4f7;--success:#067647;--success-bg:#ecfdf3;--warning:#b54708;--warning-bg:#fffaeb;--danger:#b42318;--danger-bg:#fef3f2;--shadow:0 1px 3px #10182814}.app-shell{background:var(--page);min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#fff;z-index:10;flex-direction:column;width:250px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:86px;padding:0 22px;display:flex}.brand-mark{background:var(--primary);border-radius:11px;place-items:center;width:40px;height:40px;font-size:19px;font-weight:800;display:grid}.brand strong,.business-card strong{font-size:14px;font-weight:650;display:block}.brand span,.business-card span{color:#98a2b3;margin-top:2px;font-size:11px;display:block}.navigation{flex:1;padding:22px 12px}.nav-label{color:#667085;letter-spacing:.1em;text-transform:uppercase;padding:0 12px 8px;font-size:10px;font-weight:700}.nav-item{color:#d0d5dd;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:43px;margin:3px 0;padding:0 12px;transition:all .15s;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{color:#fff;background:#25344b}.nav-icon{justify-content:center;width:22px;font-size:17px;display:inline-flex}.nav-item>span:nth-child(2){flex:1;font-size:13px;font-weight:550}.nav-badge{background:#344054;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 6px;font-weight:700;color:#fff!important;margin:0!important;font-size:10px!important;display:grid!important}.sidebar-footer{border-top:1px solid #ffffff14;padding:14px}.business-card{background:#ffffff0a;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.business-card>div:nth-child(2){flex:1}.business-avatar{background:#344054;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.business-card .chevron{color:#98a2b3;margin:0;font-size:15px}.main-content{width:calc(100% - 250px);max-width:1600px;min-height:100vh;margin-left:250px;padding:38px 42px 50px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.eyebrow{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600}.topbar h1{color:var(--text);letter-spacing:-.035em;font-size:30px;line-height:1.2}.subtitle{color:var(--muted);margin-top:7px;font-size:13px}.topbar-actions{align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface);color:#475467;width:42px;height:42px;box-shadow:var(--shadow);border-radius:9px;position:relative}.notification-dot{background:#f04438;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.primary-button{background:var(--primary);color:#fff;border:0;border-radius:9px;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:0 1px 2px #10182814}.primary-button:hover{background:var(--primary-hover)}.primary-button span{font-size:18px;font-weight:400}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.metric-card,.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.metric-card{border-radius:11px;min-height:132px;padding:19px 20px}.metric-heading{color:#475467;justify-content:space-between;align-items:center;font-size:11px;font-weight:650;display:flex}.metric-icon{width:27px;height:27px;color:var(--primary);background:#eff4ff;border-radius:7px;place-items:center;font-size:12px;font-weight:800;display:grid}.metric-icon.attention{background:var(--warning-bg);color:var(--warning)}.metric-value{color:var(--text);letter-spacing:-.03em;margin-top:13px;font-size:25px;line-height:1;display:block}.metric-card p{color:var(--muted);margin-top:10px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);align-items:start;gap:18px;display:grid}.panel{border-radius:11px}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:17px 20px;display:flex}.panel-header h2{color:var(--text);font-size:14px;font-weight:700}.panel-header p{color:var(--muted);margin-top:4px;font-size:10px}.text-button{color:var(--primary);background:0 0;border:0;font-size:11px;font-weight:650}.appointments{padding:2px 20px 9px}.appointment{border-bottom:1px solid #f0f2f5;grid-template-columns:67px 24px minmax(0,1fr);min-height:105px;display:grid}.appointment:last-child{border-bottom:0}.appointment-time{color:#344054;padding-top:21px;font-size:11px;font-weight:650}.timeline-marker{justify-content:center;display:flex;position:relative}.timeline-marker:after{content:"";background:#e4e7ec;width:1px;position:absolute;top:0;bottom:0}.timeline-marker span{z-index:1;background:var(--primary);border:2px solid #fff;border-radius:50%;width:9px;height:9px;margin-top:24px;position:relative;box-shadow:0 0 0 1px #84adff}.appointment-details{padding:17px 0 14px 13px}.appointment-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.appointment-title strong{color:var(--text);font-size:12px}.appointment-details>p{color:#475467;margin-top:4px;font-size:10px}.status{background:var(--success-bg);color:var(--success);border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:9px;font-weight:700}.status.pending{background:var(--warning-bg);color:var(--warning)}.appointment-meta{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:9px;display:flex}.right-column{gap:18px;display:grid}.attention-count{background:var(--danger-bg);min-width:23px;height:23px;color:var(--danger);border-radius:999px;place-items:center;font-size:10px;font-weight:800;display:grid}.attention-list{padding:5px 0}.attention-item{text-align:left;background:0 0;border:0;border-bottom:1px solid #f2f4f7;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;min-height:67px;padding:9px 17px;display:grid}.attention-item:last-child{border-bottom:0}.attention-item:hover{background:#fafbfc}.attention-symbol{background:var(--warning-bg);width:30px;height:30px;color:var(--warning);border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.attention-item strong,.attention-item small{display:block}.attention-item strong{color:#344054;font-size:10px}.attention-item small{color:var(--muted);margin-top:3px;font-size:9px}.arrow{color:#98a2b3;font-size:18px}.quick-panel .panel-header{border-bottom:0;padding-bottom:7px}.quick-actions{grid-template-columns:1fr 1fr;gap:8px;padding:4px 17px 17px;display:grid}.quick-actions button{border:1px solid var(--border);min-height:64px;color:var(--primary);text-align:left;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:10px 12px;display:flex}.quick-actions button:hover{background:#f9fbff;border-color:#b2ccff}.quick-actions button span{color:#344054;font-size:9px;font-weight:650}@media (width<=1180px){.main-content{padding:30px 28px 40px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr}}@media (width<=800px){.sidebar{width:74px;min-height:100vh;position:static}.brand{justify-content:center;padding:0}.brand>div:last-child,.nav-label,.nav-item>span:nth-child(2),.nav-badge,.sidebar-footer{display:none}.navigation{padding:18px 10px}.nav-item{justify-content:center;padding:0}.nav-icon{width:auto}.main-content{width:calc(100% - 74px);margin-left:0;padding:25px 20px 35px}.topbar{align-items:center}.topbar h1{font-size:25px}.subtitle{display:none}.right-column{grid-template-columns:1fr}}@media (width<=600px){.metrics-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.icon-button{display:none}.primary-button{padding:0 12px}.appointment{grid-template-columns:58px 20px minmax(0,1fr)}.appointment-meta{gap:8px}}.auth-page{background:radial-gradient(circle at top left, #2563eb17, transparent 34rem), var(--page);place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;width:100%;max-width:420px;padding:34px;box-shadow:0 12px 32px #10182817}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand .brand-mark{color:#fff;flex:none}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{color:var(--text);font-size:14px;font-weight:700}.auth-brand span{color:var(--muted);margin-top:2px;font-size:11px}.auth-heading{margin-top:32px}.auth-heading h1{color:var(--text);letter-spacing:-.03em;font-size:27px;line-height:1.2}.auth-heading p{color:var(--muted);margin-top:7px;font-size:13px}.auth-form{gap:18px;margin-top:27px;display:grid}.auth-field{gap:7px;display:grid}.auth-field>span{color:#344054;font-size:11px;font-weight:650}.auth-input-wrap{border:1px solid var(--border);color:#98a2b3;background:#fff;border-radius:9px;align-items:center;gap:10px;height:44px;padding:0 12px;transition:all .15s;display:flex}.auth-input-wrap:focus-within{border-color:#84adff;box-shadow:0 0 0 3px #2563eb1a}.auth-input-wrap input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:13px}.auth-input-wrap input::placeholder{color:#98a2b3}.auth-input-wrap input:disabled{cursor:not-allowed}.auth-error{background:var(--danger-bg);color:var(--danger);border:1px solid #fecdca;border-radius:8px;padding:10px 12px;font-size:11px;line-height:1.5}.auth-link-action{color:var(--primary);background:0 0;border:0;justify-self:end;padding:0;font-size:11px;font-weight:650}.auth-link-action:hover:not(:disabled){text-decoration:underline}.auth-link-action:disabled{cursor:not-allowed;opacity:.58}.auth-success{color:#067647;background:#ecfdf3;border:1px solid #abefc6;border-radius:8px;margin-top:24px;padding:11px 12px;font-size:11px;line-height:1.5}.auth-submit{background:var(--primary);color:#fff;border:0;border-radius:9px;height:44px;font-size:12px;font-weight:700;box-shadow:0 1px 2px #10182814}.auth-submit:hover:not(:disabled){background:var(--primary-hover)}.auth-submit:disabled{cursor:not-allowed;opacity:.58}.auth-footnote{color:var(--muted);text-align:center;margin-top:22px;font-size:10px;line-height:1.5}@media (width<=480px){.auth-page{padding:20px 14px}.auth-card{padding:27px 22px}}.company-select-card{max-width:460px}.company-options{gap:9px;margin-top:25px;display:grid}.company-option{border:1px solid var(--border);color:#98a2b3;text-align:left;background:#fff;border-radius:10px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;min-height:68px;padding:11px 13px;transition:all .15s;display:grid}.company-option:hover{color:var(--primary);background:#f9fbff;border-color:#b2ccff}.company-option-icon{width:36px;height:36px;color:var(--primary);background:#eff4ff;border-radius:8px;place-items:center;display:grid}.company-option-details{min-width:0}.company-option-details strong,.company-option-details small{display:block}.company-option-details strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.company-option-details small{color:var(--muted);text-transform:capitalize;margin-top:3px;font-size:10px}.auth-secondary-action{width:100%;height:40px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin-top:18px;font-size:11px;font-weight:650;display:flex}.auth-secondary-action:hover{color:var(--text)}.business-switch{color:#98a2b3;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.business-switch:hover{color:#fff;background:#ffffff12}.sidebar-signout{color:#98a2b3;text-align:left;background:0 0;border:0;border-radius:7px;width:100%;margin-top:7px;padding:8px 10px;font-size:11px;font-weight:650}.sidebar-signout:hover{color:#fff;background:#ffffff0d}