:root{--bg:#f5f6f8;--panel:#fff;--text:#14171c;--muted:#737b88;--line:#e8ebef;--nav:#17191d;--nav2:#202329;--accent:#d59a32;--accent-soft:#fbf3e3;--green:#1f9d62;--red:#d84b4b;--blue:#3a6ed8;--purple:#7a5bd4;--orange:#d8892f}*{box-sizing:border-box}html,body{color:var(--text);background:var(--bg);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.appShell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d9dce2;background:linear-gradient(#17191d,#121417);flex-direction:column;height:100vh;padding:20px 14px 14px;display:flex;position:sticky;top:0}.brandLockup{align-items:center;gap:11px;padding:4px 8px 24px;display:flex}.brandMark{color:#fff;background:#1f2329;border:1px solid #343941;border-radius:13px;place-items:center;width:40px;height:40px;font-size:19px;font-weight:900;display:grid}.brandLockup strong{letter-spacing:.04em;color:#fff;font-size:17px;display:block}.brandLockup span{letter-spacing:.18em;color:#9ca3af;margin-top:2px;font-size:10px;display:block}.sideNav{gap:4px;padding-right:2px;display:grid;overflow:auto}.sideItem{color:#aeb4be;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:13px;font-weight:650;transition:all .18s;display:flex}.sideItem:hover{color:#fff;background:#202329}.sideItem.active{background:var(--accent);color:#161616;box-shadow:0 8px 24px #d59a322e}.sideUser{border-top:1px solid #2a2d32;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:15px 8px 10px;display:grid}.sideUserText strong{color:#fff;font-size:12px;display:block}.sideUserText span{color:#9299a3;margin-top:2px;font-size:11px;display:block}.signOut{color:#969da7;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.mainArea{min-width:0}.topHeader{border-bottom:1px solid var(--line);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.shopSelect span{font-size:13px;font-weight:750;display:block}.shopSelect small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.topActions{align-items:center;gap:10px;display:flex}.searchMini{border:1px solid var(--line);min-width:120px;height:38px;color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.iconBtn{border:1px solid var(--line);color:#5d6672;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:relative}.hasDot:after{content:"";background:#e35454;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.avatar{color:#fff;background:#202329;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.avatar.small{width:34px;height:34px}.pageWrap{max-width:1500px;margin:0 auto;padding:28px}.pageTitle{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.pageTitle h1{letter-spacing:-.025em;margin:4px 0 5px;font-size:30px;line-height:1.05}.pageTitle p{color:var(--muted);margin:0;font-size:13px}.eyebrowText{color:#8b929d;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800}.pageActions{flex-wrap:wrap;gap:10px;display:flex}.btn{border:1px solid var(--line);color:#303640;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:12px;font-weight:750;display:inline-flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:#161616}.btn.dark{color:#fff;background:#1c1f24;border-color:#1c1f24}.btn.danger{color:#b93e3e;background:#fff4f4;border-color:#f1c8c8}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metricCard{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:112px;padding:16px;box-shadow:0 6px 20px #14171c06}.metricCard span{color:var(--muted);font-size:11px;font-weight:700;display:block}.metricCard strong{letter-spacing:-.02em;margin:10px 0 7px;font-size:25px;display:block}.metricCard small{color:#75808d;font-size:11px}.metricCard.good small{color:var(--green)}.metricCard.warn small{color:var(--orange)}.metricCard.bad small{color:var(--red)}.grid2{grid-template-columns:1.55fr 1fr;gap:14px;display:grid}.gridEqual{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 6px 20px #14171c05}.panelHead{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.panel h2{margin:0;font-size:15px}.panelHead p{color:var(--muted);margin:4px 0 0;font-size:11px}.chartSvg{width:100%;height:240px;display:block}.hBars{gap:15px;padding-top:6px;display:grid}.barLabel{justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.barTrack{background:#f0f2f5;border-radius:999px;height:8px;overflow:hidden}.barTrack i{background:var(--accent);border-radius:999px;height:100%;display:block}.donut{background:conic-gradient(var(--accent) 0 58%,#4b6fd4 58% 76%,#55a975 76% 90%,#e7e9ed 90%);border-radius:50%;place-items:center;width:170px;height:170px;margin:12px auto;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;width:112px;height:112px;position:absolute}.donut>div{z-index:2;text-align:center;position:relative}.donut strong{font-size:17px;display:block}.donut span{color:var(--muted);font-size:10px}.tableWrap{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:12px}.table th{text-transform:uppercase;letter-spacing:.06em;color:#8a929d;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 10px;font-size:10px}.table td{white-space:nowrap;color:#39414b;border-bottom:1px solid #f0f2f5;padding:12px 10px}.status{border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.status.green{color:#198353;background:#e9f7ef}.status.blue{color:#315fbd;background:#edf3ff}.status.orange{color:#b76d19;background:#fff3e4}.status.red{color:#bd4545;background:#fff0f0}.status.gray{color:#68717d;background:#f0f2f5}.status.purple{color:#6e54bd;background:#f1edff}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.field,.select{border:1px solid var(--line);color:#4e5661;background:#fff;border-radius:10px;height:38px;padding:0 11px;font-size:12px}.field{min-width:220px}.tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:14px;display:flex;overflow:auto}.tab{color:#707985;white-space:nowrap;border-bottom:2px solid #0000;padding:10px 11px;font-size:12px}.tab.active{color:#161616;border-bottom-color:var(--accent);font-weight:800}.timelineGrid{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:70px repeat(4,minmax(150px,1fr));display:grid;overflow:hidden}.timelineHead{border-bottom:1px solid var(--line);background:#fafafa;padding:11px;font-size:11px;font-weight:800}.timeCell{color:#8a929d;border-bottom:1px solid #f1f2f4;padding:14px 10px;font-size:10px}.scheduleCell{border-bottom:1px solid #f1f2f4;border-left:1px solid #f1f2f4;min-height:82px;padding:8px}.appt{background:#f5f8ff;border-left:3px solid #4e76ce;border-radius:9px;padding:8px;font-size:10px;line-height:1.45}.appt.gold{border-color:var(--accent);background:#fff8e9}.appt.green{background:#edf8f1;border-color:#4d9a69}.appt.gray{background:#f4f5f6;border-color:#9aa1aa}.rightRail{grid-template-columns:minmax(0,1.65fr) 300px;gap:14px;display:grid}.queue{gap:9px;display:grid}.queueItem{border:1px solid var(--line);border-radius:11px;justify-content:space-between;gap:10px;padding:11px;display:flex}.queueItem strong{font-size:11px}.queueItem span{color:var(--muted);font-size:10px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.formGroup{gap:6px;display:grid}.formGroup label{color:#68717d;font-size:10px;font-weight:800}.formControl{border:1px solid var(--line);color:#39414b;background:#fff;border-radius:10px;min-height:40px;padding:9px 11px}.actionRow{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.profileSide{grid-template-columns:minmax(0,1.7fr) 340px;gap:14px;display:grid}.profileCard{position:sticky;top:90px}.profileHero{align-items:center;gap:12px;margin-bottom:15px;display:flex}.profileHero .avatar{width:52px;height:52px}.infoList{gap:9px;display:grid}.infoRow{border-bottom:1px solid #f0f2f5;justify-content:space-between;gap:12px;padding-bottom:9px;font-size:11px;display:flex}.infoRow span{color:var(--muted)}.productGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.productCard{border:1px solid var(--line);border-radius:12px;padding:14px}.productCard .thumb{background:linear-gradient(135deg,#ece6da,#c5b08d);border-radius:10px;height:88px;margin-bottom:12px}.productCard strong{font-size:12px}.productCard p{color:var(--muted);margin:5px 0;font-size:10px}.price{margin-top:10px;font-size:18px;font-weight:850}.planGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.planCard{border:1px solid var(--line);border-radius:13px;padding:16px}.planCard.featured{background:#fffbf4;border-color:#d9b46c}.planCard h3{margin:8px 0;font-size:16px}.planPrice{font-size:24px;font-weight:900}.planList{color:#616a75;gap:7px;margin:12px 0;font-size:11px;display:grid}.alertList{gap:9px;display:grid}.alertItem{border:1px solid var(--line);border-radius:11px;padding:11px 12px}.alertItem strong{font-size:11px}.alertItem p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.45}.mobileFrame{background:#fff;border:1px solid #d9dde3;border-radius:26px;max-width:390px;margin:0 auto;overflow:hidden;box-shadow:0 30px 80px #0000001f}.mobileTop{color:#fff;background:#1a1d21;padding:18px}.mobileBody{background:#f7f7f8;min-height:640px;padding:14px}.mobileBottom{border-top:1px solid var(--line);text-align:center;color:#7c8490;background:#fff;grid-template-columns:repeat(5,1fr);align-items:center;height:64px;font-size:9px;display:grid}.mobileBottom .active{color:#a9701e;font-weight:800}.mobileCard{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:10px;padding:14px}.mobileCard h3{margin:0 0 8px;font-size:13px}.mobileCard p{color:var(--muted);margin:0;font-size:11px}.publicHero{color:#fff;background:linear-gradient(90deg,#121212e0,#12121259),linear-gradient(135deg,#171717,#5a4630);align-items:center;min-height:520px;display:flex}.publicInner{max-width:1180px;margin:0 auto;padding:60px 28px}.publicHero h1{letter-spacing:-.04em;max-width:720px;margin:12px 0;font-size:64px;line-height:.98}.publicHero p{color:#e7e2da;max-width:560px;line-height:1.65}.publicNav{color:#fff;background:#151515;justify-content:space-between;align-items:center;height:70px;padding:0 28px;display:flex}.publicSection{max-width:1180px;margin:0 auto;padding:70px 28px}.publicSection h2{margin:0 0 24px;font-size:36px}.publicFooter{color:#d5d5d5;text-align:center;background:#151515;padding:28px;font-size:11px}.emptyState{text-align:center;min-height:260px;color:var(--muted);place-items:center;display:grid}.emptyState strong{color:#303640;margin-bottom:6px;display:block}@media (max-width:1100px){.appShell{grid-template-columns:82px minmax(0,1fr)}.brandLockup>div:last-child,.sideItem span,.sideUserText,.sideUser>svg,.signOut{display:none}.brandLockup,.sideItem{justify-content:center}.sideUser{grid-template-columns:1fr;justify-items:center}.metrics,.grid3,.planGrid,.productGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2,.rightRail,.profileSide{grid-template-columns:1fr}.profileCard{position:static}}@media (max-width:720px){.appShell{display:block}.sidebar{display:none}.topHeader{padding:0 14px}.searchMini{display:none}.pageWrap{padding:16px}.pageTitle{flex-direction:column;align-items:flex-start}.metrics,.grid3,.gridEqual,.planGrid,.productGrid,.formGrid{grid-template-columns:1fr}.timelineGrid{grid-template-columns:60px repeat(4,160px);overflow:auto}.publicHero h1{font-size:42px}.publicNav{padding:0 14px}}