:root{color:#1d2525;font-synthesis:none;--ink:#1d2525;--muted:#6b7472;--line:#dfe4df;--surface:#fff;--brand:#d97706;--brand-soft:#fff3df;--green:#3f7d61;background:#f7f7f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:#f7f7f5;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.62}input,select,textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:8px;outline:none;margin-top:7px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #d9770618}label{color:#48514e;font-size:12px;font-weight:600;display:block}label span{color:var(--muted);font-weight:400}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#eef1ee;flex-direction:column;flex-shrink:0;width:248px;padding:28px 16px 20px;display:flex}.brand-row{align-items:center;gap:11px;padding:0 10px 38px;display:flex}.brand-row strong,.brand-row span{display:block}.brand-row strong{letter-spacing:-.02em;font-family:Manrope,sans-serif;font-size:15px}.brand-row span{color:var(--muted);margin-top:2px;font-size:11px}.brand-mark{background:var(--brand);color:#fff;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.workspace-label,.eyebrow{letter-spacing:.12em;color:#8a9490;font-size:10px;font-weight:700}.workspace-label{padding:0 12px 12px}.nav-item{color:#5e6966;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:12px;width:100%;margin-bottom:3px;padding:11px 12px;font-size:14px;display:flex}.nav-item:hover,.nav-item.active{color:var(--ink);background:#fff}.nav-item.active{font-weight:600;box-shadow:0 1px 2px #1d25250b}.nav-chevron{color:var(--brand);margin-left:auto}.sidebar-bottom{margin-top:auto}.account-card{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:9px;margin-top:18px;padding:18px 8px 0;display:flex}.account-card strong,.account-card span{display:block}.account-card strong{color:var(--ink);font-size:12px}.account-card span{margin-top:2px;font-size:10px}.avatar{color:#fff;background:#263c36;border-radius:50%;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:14px;height:76px;padding:0 40px;display:flex}.breadcrumb{color:#8a9490;align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumb strong{color:var(--ink)}.status-dot{color:var(--green);align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.status-dot i{background:#54a57b;border-radius:50%;width:7px;height:7px}.icon-button{color:var(--muted);background:0 0;border-radius:7px;place-items:center;padding:7px;display:grid}.icon-button:hover{color:var(--ink);background:#fff}.menu-toggle,.close-menu{display:none}.content-wrap{max-width:1180px;margin:auto;padding:48px 40px}.welcome-row,.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.eyebrow{margin:0 0 10px}.welcome-row h1,.page-heading h1,.login-card h1{letter-spacing:-.055em;margin:0 0 10px;font-family:Manrope,sans-serif;font-size:34px}.lead{color:var(--muted);max-width:560px;margin:0;font-size:14px;line-height:1.6}.primary-button,.outline-button{border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:700;display:inline-flex}.primary-button{background:var(--brand);color:#fff;box-shadow:0 4px 12px #d9770626}.primary-button:hover{background:#b85f02}.outline-button{border:1px solid var(--line);background:#fff}.outline-button:hover{border-color:var(--brand)}.metric-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;display:grid}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px}.metric-card{min-height:140px;padding:20px 22px}.metric-highlight{border-top:3px solid var(--brand)}.metric-label{color:#89918e;letter-spacing:.1em;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.metric-card strong{margin-top:20px;font-family:Manrope,sans-serif;font-size:30px;display:block}.metric-card p{color:var(--muted);margin:5px 0;font-size:12px}.panel{padding:22px}.schedule-panel{min-height:250px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.panel-heading h2{letter-spacing:-.035em;margin:0;font-family:Manrope,sans-serif;font-size:19px}.text-button{color:var(--brand);background:0 0;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.empty-state,.data-empty{text-align:center;color:var(--muted);padding:34px 18px}.empty-icon{background:var(--brand-soft);width:45px;height:45px;color:var(--brand);border-radius:50%;place-items:center;margin:0 auto 13px;display:grid}.empty-state h3,.data-empty h3{color:var(--ink);margin:10px 0 6px;font-size:15px}.empty-state p,.data-empty p{margin:0 auto 18px;font-size:12px}.data-page{max-width:1000px;margin:auto}.data-count{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 12px;font-size:12px}.toolbar{justify-content:space-between;align-items:end;gap:15px;margin-bottom:16px;display:flex}.date-picker{max-width:190px}.view-toggle{background:#e9ede9;border-radius:8px;padding:3px;display:flex}.view-toggle button{background:0 0;border-radius:6px;padding:8px 11px;font-size:11px}.view-toggle .selected{background:#fff;font-weight:700;box-shadow:0 1px 2px #1d252510}.data-alert,.data-success{border-radius:8px;margin:12px 0;padding:11px 13px;font-size:12px}.data-alert{color:#9b3d2d;background:#fff0ed;border:1px solid #f2c6bd}.data-success{color:#2e6e4f;background:#edf8f0;border:1px solid #c7e5d0}.appointment-list,.customer-list{padding:8px 18px}.appointment-row,.customer-row{border-bottom:1px solid #edf0ed;align-items:center;gap:16px;padding:16px 4px;display:flex}.appointment-row:last-child,.customer-row:last-child{border-bottom:0}.time-block{min-width:70px}.time-block strong{font-family:Manrope,sans-serif;font-size:16px}.time-block span,.appointment-main span,.appointment-main small,.customer-info span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.appointment-main{flex:1}.appointment-main>strong,.customer-info>strong{font-size:14px}.appointment-main small{color:#8c6d48}.status{color:#317352;background:#edf8f0;border-radius:20px;padding:5px 8px;font-size:10px}.status-cancelled{color:#9b3d2d;background:#fff0ed}.row-actions{gap:6px;display:flex}.row-actions button{background:#f4f6f3;border-radius:6px;padding:7px 9px;font-size:11px}.row-actions button:hover{background:var(--brand-soft)}.danger-button{color:#a04b3d!important}.customer-avatar{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:50%;place-items:center;font-weight:700;display:grid}.customer-info{flex:1}.modal-backdrop{z-index:5;background:#1d252570;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;width:100%;max-width:570px;padding:25px;box-shadow:0 20px 60px #1d252535}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-actions{gap:9px;margin-top:20px;display:flex}.full{width:100%}.login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:15px;width:min(100%,420px);padding:34px;box-shadow:0 15px 50px #1d252510}.login-card .brand-mark{margin-bottom:28px}.login-card form{gap:16px;margin-top:26px;display:grid}.scrim{display:none}@media (width<=780px){.sidebar{z-index:4;width:270px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar-open{transform:translate(0)}.close-menu,.menu-toggle{display:grid}.scrim{z-index:3;background:#1d252550;display:block;position:fixed;inset:0}.topbar{padding:0 20px}.content-wrap{padding:32px 20px}.welcome-row,.page-heading{flex-direction:column;align-items:flex-start}.welcome-row h1,.page-heading h1{font-size:28px}.metric-grid{gap:10px}.metric-card{padding:15px}.metric-card strong{font-size:24px}.toolbar{flex-direction:column;align-items:stretch}.date-picker{max-width:none}.view-toggle{align-self:flex-start}.appointment-row{flex-wrap:wrap;align-items:flex-start;gap:10px}.appointment-main{min-width:calc(100% - 85px)}.appointment-row .status{margin-left:85px}.appointment-row .row-actions{margin-left:auto}.form-grid{grid-template-columns:1fr}.modal-card{padding:20px}.status-dot{display:none}}