:root{--primary:#4668d8;--primary2:#6f87ee;--soft:#eef2ff;--bg:#f5f7fb;--surface:#fff;--ink:#1d2638;--muted:#778195;--line:#e6eaf2;--danger:#d94a5a;--success:#18845e;--shadow:0 10px 32px rgba(35,50,90,.07);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot-screen,.login-page{min-height:100vh;display:grid;place-items:center}.boot-screen{text-align:center;color:var(--muted)}.brand-mark{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--primary2),var(--primary));color:#fff;display:grid;place-items:center;font-size:31px;font-weight:850;box-shadow:0 15px 35px rgba(70,104,216,.28)}.login-page{padding:24px;background:radial-gradient(circle at top,#e8edff,transparent 50%),var(--bg)}.login-card{width:min(430px,100%);padding:38px;background:#fff;border:1px solid #edf0f6;border-radius:28px;box-shadow:0 28px 80px rgba(35,50,90,.13)}.login-card .brand-mark{margin:0 auto 22px}.login-card h1{text-align:center;font-size:25px;margin:0}.login-card>p{text-align:center;color:var(--muted);line-height:1.7;margin:10px 0 28px}.field{margin:16px 0}.field label{display:block;font-size:13px;color:#596376;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe4ed;border-radius:12px;background:#fff;padding:12px 13px;outline:none;color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8da0ef;box-shadow:0 0 0 3px #eef1ff}.field textarea{min-height:88px;resize:vertical}.button{border:0;border-radius:11px;background:var(--primary);color:#fff;padding:11px 17px;font-weight:700}.button.secondary{background:var(--soft);color:var(--primary)}.button.ghost{background:#f1f3f7;color:#596376}.button.danger{background:#fff0f2;color:var(--danger)}.button.block{width:100%;margin-top:12px}.button:disabled{opacity:.55;cursor:not-allowed}.login-help{font-size:12px;color:var(--muted);line-height:1.7;margin-top:18px}.app-shell{min-height:100vh}.side-nav{position:fixed;inset:0 auto 0 0;width:230px;padding:24px 16px;background:#10182b;color:#fff;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:12px;margin:0 8px 28px}.side-brand .brand-mark{width:43px;height:43px;border-radius:13px;font-size:21px}.side-brand strong,.side-brand small{display:block}.side-brand small{color:#8792a8;font-size:11px;margin-top:3px}.nav-list{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#aeb7c9;border-radius:11px;padding:12px 14px;text-align:left}.nav-item:hover,.nav-item.active{background:#202b43;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #7890ff}.nav-foot{margin-top:auto;color:#7e899f;font-size:11px;padding:10px}.main-shell{margin-left:230px;min-height:100vh}.topbar{position:sticky;top:0;z-index:10;height:86px;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:rgba(245,247,251,.91);backdrop-filter:blur(16px)}.topbar h1{font-size:24px;margin:0}.topbar p{font-size:12px;color:var(--muted);margin:4px 0 0}.account-chip{text-align:right}.account-chip strong,.account-chip span{display:block}.account-chip span{font-size:11px;color:var(--muted)}.content{max-width:1440px;margin:auto;padding:8px 32px 55px}.page-head,.panel-head,.row-between{display:flex;align-items:center;justify-content:space-between;gap:14px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}.toolbar input,.toolbar select{border:1px solid #dfe4ed;border-radius:10px;padding:10px 12px;background:#fff}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.card,.panel{background:#fff;border:1px solid #edf0f5;border-radius:17px;box-shadow:var(--shadow)}.metric{padding:19px}.metric span{font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:25px;margin-top:8px}.metric small{font-size:12px;color:var(--muted);font-weight:400;margin-left:4px}.panel{padding:20px;margin-top:17px}.panel h2,.panel h3{margin:0 0 14px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick{border:1px solid #e4e8f1;background:#fafbfe;border-radius:14px;padding:16px;text-align:left;color:var(--ink)}.quick strong,.quick span{display:block}.quick span{font-size:12px;color:var(--muted);margin-top:5px}.list{display:grid;gap:10px}.list-item{border:1px solid #e7eaf1;border-radius:13px;padding:14px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.list-main{min-width:0}.list-title{font-weight:750}.list-meta{color:var(--muted);font-size:12px;line-height:1.6;margin-top:4px}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--primary);font-size:11px;font-weight:700}.pill.green{background:#e8f8f0;color:var(--success)}.pill.red{background:#fff0f2;color:var(--danger)}.tabs{display:flex;gap:5px;padding:4px;background:#e9edf4;border-radius:12px;width:max-content;max-width:100%;overflow:auto}.tab{border:0;background:transparent;color:#737d8f;border-radius:9px;padding:8px 14px;white-space:nowrap}.tab.active{background:#fff;color:var(--primary);font-weight:700}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customer-card{padding:16px}.customer-card button{margin-top:12px}.customer-head{display:flex;align-items:center;gap:14px}.avatar{width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,#eef1ff,#dce4ff);color:var(--primary);display:grid;place-items:center;font-size:21px;font-weight:850}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.photo-card{border-radius:12px;overflow:hidden;background:#eef1f6;min-height:140px}.photo-card img{display:block;width:100%;height:150px;object-fit:cover}.photo-card div{padding:8px 10px;background:#fff;font-size:11px}.appointment-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rank-row{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.rank-no{width:26px;height:26px;border-radius:8px;background:var(--soft);color:var(--primary);display:grid;place-items:center;font-size:12px;font-weight:800}.mobile-nav{display:none}dialog{border:0;border-radius:22px;padding:0;width:min(720px,calc(100% - 28px));max-height:90vh;box-shadow:0 28px 100px rgba(16,24,43,.25)}dialog::backdrop{background:rgba(16,24,43,.38);backdrop-filter:blur(3px)}#modal-body{padding:24px;overflow:auto;max-height:90vh}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0}.close-modal{border:0;background:#f1f3f7;width:34px;height:34px;border-radius:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.checkbox-grid label{border:1px solid #e4e8ef;border-radius:9px;padding:8px;font-size:12px}.signature-pad{width:100%;height:190px;border:1px dashed #aab4c6;border-radius:13px;touch-action:none;background:#fff}#toast{position:fixed;right:24px;bottom:24px;background:#172033;color:#fff;padding:12px 17px;border-radius:11px;box-shadow:0 12px 35px rgba(0,0,0,.18);opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:99}#toast.show{opacity:1;transform:none}.loading{padding:65px;text-align:center;color:var(--muted)}.customer-portal{max-width:900px;margin:auto}.portal-hero{padding:24px;background:linear-gradient(135deg,#fff,#edf1ff)}.entitlement-line{padding:16px;border:1px solid #e6eaf2;border-radius:13px;margin-top:10px}.remaining{font-size:27px;color:var(--danger);font-weight:850}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.slot{border:1px solid #dfe4ed;background:#fff;border-radius:10px;padding:10px}.slot.selected{border-color:var(--primary);background:var(--soft);color:var(--primary)}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.customer-grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.side-nav{display:none}.main-shell{margin:0;padding-bottom:74px}.topbar{height:72px;padding:14px 18px}.topbar h1{font-size:20px}.account-chip{display:none}.content{padding:4px 14px 28px}.cards{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:14px}.metric strong{font-size:21px}.quick-grid,.customer-grid,.detail-grid,.appointment-groups{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.photo-grid{grid-template-columns:repeat(2,1fr)}.slot-grid{grid-template-columns:repeat(3,1fr)}.mobile-nav{position:fixed;display:flex;left:0;right:0;bottom:0;height:68px;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-top:1px solid #edf0f5;z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav .nav-item{flex:1;text-align:center;border-radius:0;color:#7b8494;padding:9px 4px;font-size:12px}.mobile-nav .nav-item.active{color:var(--primary);background:transparent;box-shadow:none}.form-grid{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:1fr 1fr}.list-item{align-items:flex-start}.page-head{align-items:flex-start}.photo-grid{gap:7px}.photo-card img{height:125px}}@media(max-width:390px){.cards{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr 1fr}.slot-grid{grid-template-columns:repeat(2,1fr)}}