:root{--ink:#18231f;--muted:#71807a;--line:#e5ebe8;--paper:#f4f7f5;--white:#fff;--green:#1f9673;--nav:#112c27;--blue:#4d82d7;--purple:#6c63d9;--amber:#d9922d;--red:#d85d57}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}a,button{transition:.18s ease}.screenMessage{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted);grid-gap:14px;gap:14px}.screenMessage button{border:0;background:var(--green);color:#fff;border-radius:10px;padding:11px 18px;cursor:pointer}.loginPage{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#f8faf9}.loginBrand{padding:7vw;display:flex;flex-direction:column;justify-content:center;color:#fff;background:radial-gradient(circle at 25% 20%,#267e66 0,transparent 32%),linear-gradient(145deg,#0d2722,#173f35);position:relative;overflow:hidden}.loginBrand:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff16;border-radius:50%;right:-140px;bottom:-150px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.brandMark,.mobileLogo{display:grid;place-items:center;width:50px;height:50px;background:#31a984;border-radius:15px;font-weight:900;letter-spacing:-1px}.loginBrand>span{font-size:13px;letter-spacing:.08em;color:#9dc5ba;margin-top:16px}.loginBrand h1{font-family:Georgia,Songti SC,serif;font-size:46px;line-height:1.25;margin:58px 0 20px;letter-spacing:-.03em}.loginBrand p{color:#a9c8bf;max-width:420px;line-height:1.8}.brandFoot{position:absolute;left:7vw;bottom:5vw;font-size:12px;color:#7fa99d}.loginPanel{display:grid;place-items:center;padding:40px}.loginPanel form{width:min(400px,100%)}.mobileLogo{display:none}.kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--green);margin:0 0 12px}.loginPanel h2{font-family:Georgia,Songti SC,serif;font-size:31px;margin:0 0 10px}.muted{font-size:13px;color:var(--muted);margin:0 0 34px}.loginPanel label{display:block;font-size:12px;font-weight:700;margin:0 0 18px}.loginPanel input{display:block;width:100%;height:48px;border:1px solid #dbe3df;border-radius:11px;background:#fff;padding:0 14px;margin-top:8px;outline:none}.loginPanel input:focus{border-color:#5bb496;box-shadow:0 0 0 3px #1f967315}.loginError{color:#b74943;background:#fff0ee;border-radius:9px;padding:11px 13px;font-size:12px;margin-bottom:16px}.loginButton{width:100%;height:49px;border:0;border-radius:11px;background:var(--green);color:#fff;font-weight:750;cursor:pointer;box-shadow:0 10px 24px #1f96732c}.loginButton:hover{background:#188565;transform:translateY(-1px)}.loginButton:disabled{opacity:.65}.loginPanel form>small{display:block;text-align:center;color:#98a29e;font-size:10px;margin-top:16px}.shell{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;padding:24px 18px;background:var(--nav);color:#fff;display:flex;flex-direction:column;z-index:10}.logo{display:flex;gap:11px;align-items:center;padding:2px 7px 27px}.logo>b{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#31a984}.logo span{font-size:14px;font-weight:750}.logo small{display:block;color:#719b90;font-size:8px;letter-spacing:.12em;margin-top:3px;text-transform:uppercase}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.sidebar nav a,.sidebar nav button{border:0;background:transparent;color:#89aaa1;text-decoration:none;display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:9px;font-size:12px;text-align:left;cursor:pointer}.sidebar nav span{width:20px;font-size:17px;text-align:center}.sidebar nav .active,.sidebar nav a:hover,.sidebar nav button:hover{color:#fff;background:#1c483e}.sidebarInfo{margin-top:auto;padding:13px;border:1px solid #264c44;background:#163a33;border-radius:11px;font-size:10px;color:#c2d8d2}.sidebarInfo small{display:block;color:#789e94;line-height:1.5;margin-top:7px}.liveDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#48d39e;margin-right:7px;box-shadow:0 0 0 4px #48d39e16}.logout{border:0;background:transparent;color:#789e94;text-align:left;padding:15px 12px 0;font-size:11px;cursor:pointer}.logout:hover{color:#fff}.workspace{grid-column:2;min-width:0}.topbar{height:70px;background:#ffffffed;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 31px;position:-webkit-sticky;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar>div:first-child{display:flex;align-items:center;gap:9px;font-size:11px}.topbar>div:first-child b,.topbar>div:first-child span{color:#9aa5a1}.topActions{margin-left:auto;display:flex;align-items:center;gap:10px}.updated{font-size:9px;color:#8d9994}.topActions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 12px;font-size:10px;color:#4d5c57;cursor:pointer}.topActions button:hover{border-color:#9ccbbd;color:var(--green)}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#173e35;color:#fff;font-size:11px;font-weight:800}.content{max-width:1480px;padding:31px;margin:0 auto}.welcome{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.welcome h1{font-family:Georgia,Songti SC,serif;font-size:31px;margin:0 0 7px}.welcome>div>p:last-child{font-size:12px;color:var(--muted);margin:0}.periodPill,.statusPill,.tableCount{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:9px;color:#687770;font-weight:750}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-bottom:17px}.metricCard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;gap:13px;align-items:flex-start;box-shadow:0 4px 18px #173c3007}.metricIcon{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:11px;font-size:11px;font-weight:900}.metricIcon.green{color:#188565;background:#e1f4ed}.metricIcon.blue{color:#477bc6;background:#e8f0fb}.metricIcon.purple{color:#665dd0;background:#eeecfc}.metricIcon.amber{color:#c57d19;background:#fff1dd}.metricMain p{font-size:10px;color:var(--muted);margin:1px 0 6px}.metricMain strong{font-family:Georgia,serif;font-size:25px;line-height:1}.metricMain strong small{font-family:Inter,sans-serif;font-size:9px;color:#87938e;margin-left:3px}.metricMain>span{display:block;color:#7b8984;font-size:9px;margin-top:9px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 4px 18px #173c3007}.panel>header{display:flex;align-items:center;justify-content:space-between;padding:19px 21px 14px}.panel h2{font-size:14px;margin:0 0 4px}.panel header p{font-size:9px;color:var(--muted);margin:0}.splitGrid{display:grid;grid-template-columns:1.6fr .7fr;grid-gap:17px;gap:17px;margin-bottom:17px}.trendChart{padding:0 21px 19px}.legend{display:flex;justify-content:flex-end;gap:15px;font-size:8px;color:#75837e;margin:-25px 0 14px}.legend span{display:flex;align-items:center;gap:5px}.legend i,.planLegend i{display:inline-block;width:7px;height:7px;border-radius:50%}.legendEnterprise,.professional{background:var(--green)}.legendEmployee{background:#83b4a5}.enterprise,.legendPayment{background:var(--purple)}.trial{background:#dce5e1}.chartBody{height:205px;display:flex;gap:7px;align-items:flex-end;padding:13px 0 0;background:repeating-linear-gradient(180deg,#edf1ef 0,#edf1ef 1px,transparent 0,transparent 46px)}.dayColumn{height:100%;flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.dayColumn>span{font-size:7px;color:#929d98}.barGroup{height:168px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}.barGroup i{display:block;width:23%;min-height:2px;border-radius:3px 3px 1px 1px}.enterpriseBar{background:var(--green)}.employeeBar{background:#91bdb0}.paymentBar{background:var(--purple)}.planPanel{display:grid;grid-template-columns:1fr 1fr;align-content:start}.planPanel header{grid-column:1/3}.donut{width:116px;height:116px;margin:12px auto 20px}.donut,.donut>div{border-radius:50%;display:grid;place-items:center}.donut>div{width:76px;height:76px;background:#fff}.donut strong{font-family:Georgia,serif;font-size:23px}.donut span{font-size:8px;color:var(--muted)}.planLegend{padding:14px 20px 0 0}.planLegend p{display:grid;grid-template-columns:9px 1fr auto;grid-gap:6px;gap:6px;align-items:center;font-size:9px;color:#6f7d78;margin:0 0 15px}.planLegend b{font-size:11px;color:var(--ink)}.healthGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-bottom:17px}.healthGrid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px;display:flex;align-items:center;gap:11px}.healthGrid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf5f2;color:#257a62;font-size:10px;font-weight:850}.healthGrid p{font-size:9px;color:var(--muted);margin:0 0 3px}.healthGrid strong{font-family:Georgia,serif;font-size:20px}.healthGrid small{display:block;font-size:8px;color:#98a29e;margin-top:3px}.tablePanel{margin-bottom:17px;scroll-margin-top:84px}.tableScroll{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;background:#fafbfa;color:#84918c;font-size:8px;letter-spacing:.06em;text-transform:uppercase;padding:11px 17px}td,th{white-space:nowrap}td{border-top:1px solid #edf1ef;padding:13px 17px;font-size:10px;color:#53615c}td b,td strong{color:var(--ink)}.companyCell{display:flex;align-items:center;gap:10px}.companyCell>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e5f2ed;color:#1f8065;font-weight:850}.companyCell b,.companyCell small{display:block}.companyCell small{font-size:8px;color:#8d9994;margin-top:3px}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.orderBadge,.planBadge{font-style:normal;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:750}.planBadge.trial{background:#edf1ef;color:#687670}.orderBadge.paid,.planBadge.professional{background:#e0f3ec;color:#197f62}.planBadge.enterprise{background:#eceafb;color:#5e56c8}.orderBadge.pending{background:#fff0db;color:#b77014}.orderBadge.cancelled,.orderBadge.expired{background:#f1f2f2;color:#78837f}.empty{text-align:center;padding:50px;color:#96a19d}@media(max-width:1120px){.healthGrid,.metrics{grid-template-columns:1fr 1fr}.splitGrid{grid-template-columns:1fr}.planPanel{grid-template-columns:1fr 1fr}}@media(max-width:760px){.loginPage{display:block}.loginBrand{display:none}.loginPanel{min-height:100vh;padding:28px}.mobileLogo{display:grid;margin-bottom:35px}.shell{display:block}.sidebar{display:none}.workspace{grid-column:1}.topbar{padding:0 16px}.updated{display:none}.content{padding:22px 14px}.welcome{align-items:flex-start}.welcome h1{font-size:27px}.healthGrid,.metrics{grid-template-columns:1fr 1fr}.legend{justify-content:flex-start;margin:0 0 12px}.dayColumn:nth-child(2n)>span{display:none}}@media(max-width:480px){.healthGrid,.metrics{grid-template-columns:1fr}.planPanel{display:block}.planLegend{padding:0 30px 18px}.periodPill,.topbar>div:first-child{display:none}.topActions{margin-left:0;width:100%;justify-content:flex-end}}