*{box-sizing:border-box}body{margin:0}textarea{resize:vertical;min-height:100px}h1,h2,h3,p{margin-top:0}
/* Reference portal: grouped navigation, light canvas, purple controls, soft elevation. */
:root{--accent:#8873e7;--accent-ink:#7058ce;--soft:#ded7f8;--bg:#f6f6f7;--surface:#fff;--ink:#252837;--muted:#666874;--line:#ecebf0;--elevation:0 2px 4px #25283712;color-scheme:light}
body{font-family:"Segoe UI","Microsoft YaHei",sans-serif;background:var(--bg);font-size:14px;line-height:1.6;color:var(--ink)}
button,input,select,textarea{font:inherit}button,a,input,summary{ -webkit-tap-highlight-color:transparent}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:var(--accent-ink)}
.layout{display:block}.sidebar{width:260px;background:var(--surface);border:0;padding:12px 16px;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column}.brand{gap:10px;padding:10px 12px 14px;font-size:23px;font-weight:750;letter-spacing:-.02em;color:var(--ink);text-decoration:none;display:flex;align-items:center}.brand-mark{width:40px;height:40px;stroke:none;flex-shrink:0}.nav{display:flex;flex-direction:column;gap:3px;padding-top:2px}.nav a{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:24px;color:var(--ink);text-decoration:none;min-height:43px}.nav a.active{background:var(--soft);color:var(--ink);font-weight:650}.nav a:hover{background:var(--soft)}.nav-group{padding:17px 12px 9px;color:var(--muted);font-size:12px}.sidefoot{margin-top:auto;padding:22px 12px 8px;font-size:12px;color:var(--muted);border:0}.main{margin-left:260px;min-width:0;min-height:100vh}.topbar{height:64px;padding:0 30px 0 24px;border:0;background:var(--bg);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:20}.account{display:flex;gap:18px;align-items:center}.iconbtn{border:0;background:transparent;color:var(--ink);width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px}.iconbtn:hover{background:var(--soft)}.sidebar-toggle{background:#e9e9eb}.language-label{font-size:12px;color:var(--muted)}.avatar{background:var(--accent);color:#fff;border:0;border-radius:11px;min-width:36px;height:36px;padding:0 8px;display:flex;justify-content:center;align-items:center;font-weight:650;cursor:pointer;list-style:none}.avatar::-webkit-details-marker{display:none}.account-menu{position:relative}.account-menu>div{position:absolute;right:0;top:48px;width:260px;padding:18px;background:var(--surface);box-shadow:0 6px 24px #0002;border-radius:12px;display:flex;flex-direction:column;gap:14px;overflow-wrap:anywhere}.content{max-width:none;padding:0 28px 24px 24px}.pagehead{min-height:44px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between}.pagehead h1{margin:0;display:flex;align-items:center;gap:9px;font-size:25px;font-weight:750;line-height:1.4}.pagehead h1 svg{width:25px;height:25px}.panel{background:var(--surface);border:0;border-radius:16px;padding:22px 20px;margin-bottom:28px;box-shadow:var(--elevation)}h2{font-size:18px;font-weight:650;color:#555763;margin:0 0 24px;display:flex;align-items:center;gap:9px}h2 svg{width:20px;height:20px}h3{font-size:15px;margin:0 0 8px}p{margin:8px 0}.split{display:flex;align-items:center;justify-content:space-between;gap:16px}.split h2{margin-bottom:0}.split:has(h2){margin-bottom:22px}.accent{color:var(--accent-ink)}.good{color:#137536}.muted,.footnote{color:var(--muted)}.footnote{font-size:12px;line-height:1.7;margin-top:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--accent);color:var(--accent-ink);background:transparent;border-radius:5px;min-height:36px;padding:6px 14px;cursor:pointer;text-decoration:none;font-weight:600;font-size:13px;line-height:1.5;white-space:nowrap}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn:hover{background:var(--soft);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-ink);color:#fff}.btn.small{min-height:31px;padding:4px 12px;font-size:12px}.btn.small svg{width:14px;height:14px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.wide{width:100%;height:42px}.btn.danger{color:#b32d49;border-color:#b32d49}.linkbtn{border:0;background:transparent;color:var(--accent-ink);cursor:pointer;padding:0;text-align:left}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge{display:inline-flex;padding:3px 7px;border-radius:5px;font-size:11px;background:var(--soft);color:var(--accent-ink);white-space:nowrap}.badge.success{background:#d9eadf;color:#166439}.badge.warning{background:#fff0d5;color:#805700}.darkbadge{background:#2b2a37;color:#fff}.notice{background:#f0edfc;color:#55479a;display:flex;gap:12px;padding:16px 20px;border:0;border-radius:10px;margin-bottom:24px}.notice p{margin:2px 0}.notice svg{margin-top:3px}.errorbox{color:#a62a40;background:#ffedf0;border-radius:8px;padding:12px;margin-bottom:12px}
.announcement-strip{display:flex;align-items:center;gap:14px;padding:12px 18px;margin-bottom:24px;background:var(--surface);box-shadow:var(--elevation);border-radius:12px;min-height:56px}.announcement-strip>span{color:var(--accent-ink);display:flex}.announcement-text{color:var(--ink);flex:1;display:flex;align-items:center;gap:18px}.announcement-text small{color:var(--muted);font-size:11px}.announcement-strip .iconbtn{width:28px;height:28px}.subscription-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.summary-card{box-shadow:var(--elevation);border-radius:16px;min-height:135px;position:relative;padding:20px;display:flex;justify-content:space-between;gap:8px}.summary-card>div{width:100%;min-width:0}.summary-card>svg{position:absolute;right:20px;top:32px;width:27px;height:27px;color:var(--accent);pointer-events:none}.summary-label{font-size:13px;display:block;margin-bottom:8px;padding-right:26px}.summary-value{font-size:22px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.summary-card small{display:block;font-size:11px;margin-top:12px}.summary-card .value-unit{font-size:15px;font-weight:500}.plan-summary .summary-value{color:var(--accent-ink);padding-right:20px}.plan-summary>svg{color:#cb7e17}.meter{height:15px;background:#f1f1f2;overflow:hidden;border-radius:2px;margin-top:13px}.meter span{width:var(--progress);max-width:100%;min-width:0;height:100%;display:block;background:#18783a;font-size:10px;color:#fff;line-height:15px;text-indent:4px;white-space:nowrap}.subscription-actions{margin:28px 14px 3px}.dropdown{position:relative}.dropdown>summary{list-style:none}.dropdown-menu{position:absolute;right:0;top:42px;min-width:180px;background:var(--surface);box-shadow:0 5px 18px #0002;z-index:10;border-radius:8px;padding:6px}.dropdown-menu button,.dropdown-menu a{display:block;width:100%;text-align:left;background:transparent;border:0;padding:10px;color:var(--ink);font:inherit;text-decoration:none;cursor:pointer}.dropdown-menu button:hover,.dropdown-menu a:hover{background:var(--soft)}
.client-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:35px 0 20px}.segmented{display:inline-flex;flex-wrap:wrap;border:1px solid #a5a5ad;border-radius:4px;overflow:hidden;flex-shrink:0}.segmented button{background:var(--surface);border:0;border-right:1px solid #a5a5ad;padding:8px 15px;min-height:34px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink);cursor:pointer;font-size:12px}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--accent);color:#fff}.segmented svg{width:14px;height:14px}.client-tools input{max-width:250px;border-radius:14px}.client-entry{display:flex;align-items:center;gap:14px;padding:22px 16px;box-shadow:var(--elevation);border-radius:12px;min-height:110px}.client-entry[hidden]{display:none}.client-logo .brand-mark{width:42px;height:42px}.client-info{flex:1;min-width:0}.client-info p{color:var(--muted);font-size:12px;margin:4px 0}.recommended{font-size:10px;color:#a96609;margin-left:8px}.metadata{display:flex;gap:7px;margin-top:5px}.metadata span{background:#eeebf8;color:#6553aa;font-size:10px;padding:1px 6px;border-radius:3px}.nodes-panel>details>summary{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:18px;font-weight:650;color:#555763;list-style:none}.nodes-panel>details>summary:after{content:'⌄';margin-left:auto}.nodes-panel>details[open]>summary{margin-bottom:20px}
.purchase-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:24px}.plan-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:16px;padding-top:15px}.plan-option{position:relative;padding:22px 14px 16px;border:1px solid transparent;border-radius:22px;box-shadow:var(--elevation);background:var(--surface);text-align:center;cursor:pointer;color:var(--ink);min-width:0}.plan-option.selected{border:2px solid var(--accent);padding:21px 13px 15px;background:#f8f6ff;box-shadow:0 12px 18px #8873e728}.plan-symbol{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 auto 20px;border-radius:15px;background:#e6e6eb;color:#686c76}.plan-symbol svg{width:27px;height:27px}.tone-1{background:#e0ecff;color:#2d6fd9}.tone-2{background:#eae2ff;color:#8263d7}.tone-3{background:#fff0d4;color:#d69d27}.radio-dot{position:absolute;right:15px;top:17px;width:20px;height:20px;border:2px solid #e2e2e5;border-radius:50%}.selected .radio-dot{border:5px solid var(--accent);background:white}.plan-quota{font-size:30px;font-weight:750;margin-top:8px;white-space:nowrap}.plan-quota small{font-size:13px;font-weight:400;margin-left:3px}.plan-option p{font-size:12px;color:var(--muted);margin:4px 0 25px}.plan-price{border-top:1px solid var(--line);padding-top:14px;font-size:19px;font-weight:700;color:var(--accent-ink)}.plan-price small{font-size:10px;font-weight:400}.plan-option>small{font-size:10px}.period-options{display:flex;flex-direction:column;gap:16px}.period-options button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--elevation);border-radius:8px;padding:18px;color:var(--ink);cursor:pointer}.period-options button strong:nth-child(2){margin-left:auto;color:var(--accent-ink)}.period-options svg{width:16px;height:16px;visibility:hidden}.period-options .selected{border:2px solid var(--accent);padding:17px;background:#f8f6ff;color:var(--accent-ink)}.period-options .selected svg{visibility:visible}.detail-row{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border:0;font-size:13px}.detail-row span{color:var(--muted)}.detail-row strong{text-align:right}.inline-notice{display:flex;align-items:flex-start;gap:8px;color:#2654aa;background:#f1f4fe;border-radius:4px;padding:12px;margin:12px 0 20px;font-size:12px;font-weight:600}.inline-notice svg{width:16px;height:16px}.coupon-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 10px}.total{font-size:16px;border-top:1px solid var(--line);margin:10px 0}.total strong{color:var(--accent-ink);font-size:23px}.plan-spec>summary{display:flex;gap:14px;align-items:center;list-style:none;cursor:pointer}.plan-spec summary p{font-size:11px;color:var(--muted);margin:0}.spec-symbol{background:#f2eefe;color:var(--accent-ink);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px}.plan-spec .badge{margin-left:auto}.expand-label{font-size:12px;color:var(--muted)}.plan-spec>p{margin-top:22px}
.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--ink);background:transparent;font-weight:650;padding:18px 20px;white-space:nowrap;border:0}td{padding:19px 20px;border-bottom:1px dashed var(--line);vertical-align:middle;white-space:nowrap}tr:last-child td{border-bottom:0}td code{font-size:11px;color:var(--accent-ink);background:transparent;padding:0}.amount{font-weight:650}.empty-cell{text-align:center;color:var(--muted);height:150px}.empty{text-align:center;padding:54px 20px;max-width:none;color:var(--muted);margin:0}.empty>svg{width:44px;height:44px;color:#b1a1e4;background:#f8f6fe;border-radius:50%;padding:12px;box-sizing:content-box;margin-bottom:10px}.empty h3{color:var(--muted);font-weight:500}.empty p{font-size:12px;max-width:560px;margin:8px auto 18px}.stat-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px}.stat-cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{min-height:108px;border-radius:16px;box-shadow:var(--elevation);padding:18px 20px;position:relative;color:white;display:flex;flex-direction:column;justify-content:center}.stat-card strong{font-size:30px;line-height:1.25;font-weight:750;overflow-wrap:anywhere}.stat-card>span{font-size:14px;margin-top:9px}.stat-card>svg{position:absolute;right:20px;top:20px;width:28px;height:28px;opacity:.3}.purple{background:#8873e7}.green{background:#137736}.pink{background:#e000bf}.blue{background:#2e58df}.yellow{background:#d8df39;color:#343510}.statline{display:flex;justify-content:space-evenly;gap:25px;text-align:center;padding:0}.statline>div{display:flex;flex-direction:column;align-items:center;gap:3px}.statline strong{font-size:20px;display:block}.statline small{color:var(--muted);font-size:11px}.statline svg{color:var(--accent-ink);margin-bottom:4px}.invite-tools{margin:30px 0}.invite-link{white-space:normal;overflow-wrap:anywhere}.usage-chart{height:220px;display:flex;align-items:flex-end;gap:16px;overflow-x:auto;padding:20px 5px 0}.usage-column{min-width:65px;flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px}.usage-column>div{background:var(--accent);width:75%;border-radius:3px 3px 0 0}.usage-column small{color:var(--muted);white-space:nowrap}.doc-tools{display:grid;grid-template-columns:1fr 3fr;gap:24px;padding:2px 4px 18px}.doc-tools input,.doc-tools select{border-radius:22px;min-height:46px}.document-count{font-size:12px;color:var(--muted);margin:28px 0 24px}.document-count .badge{margin-left:10px}.doc-group{padding:0;overflow:hidden}.doc-group h2{background:#fcfaff;padding:18px 20px;margin:0;font-size:15px}.doc-group h2 svg{color:var(--accent-ink);width:16px;height:16px}.doc-grid{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:20px}.doc-entry{display:flex;gap:10px;align-items:center;min-height:65px;padding-right:10px}.doc-entry>div{flex:1}.doc-entry strong{font-size:12px;display:block}.doc-entry small{font-size:10px;color:var(--muted);display:block}.doc-symbol{width:27px;height:27px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:white;border-radius:9px}.doc-symbol svg{width:15px;height:15px}.doc-entry .btn{min-width:75px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{width:100%;border:1px solid #c9c8d0;border-radius:7px;background:var(--surface);color:var(--ink);padding:10px 12px;min-width:0}label{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}label.inline{flex-direction:row;align-items:center}label.inline input{width:auto}form>button{margin-top:5px}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tabs button,.docnav button{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:9px 16px;color:var(--ink);cursor:pointer}.tabs button.active{background:var(--accent);color:white}.ticket{padding:18px 0;border-bottom:1px solid var(--line)}.ticket p{white-space:pre-wrap;overflow-wrap:anywhere}.ticket:last-child{border:0}.reply{background:var(--soft);padding:14px}.admin-note{font-size:12px;color:var(--muted);margin:10px 0 20px}.plan-form{box-shadow:none;border-bottom:1px solid var(--line);border-radius:0}.loading{padding:60px;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);padding:20px 0 0;display:flex;justify-content:space-between;gap:18px;font-size:10px;color:var(--muted);margin-top:34px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#292636;color:white;padding:12px 22px;border-radius:9px;max-width:90vw;z-index:1000;display:none}
dialog{width:min(760px,calc(100vw - 32px));max-height:85vh;padding:0;border:0;border-radius:16px;color:var(--ink);background:var(--surface);box-shadow:0 20px 70px #0003}dialog::backdrop{background:#16142666}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0}.dialog-body{padding:24px;overflow-wrap:anywhere}.dialog-body article{max-width:70ch}.dialog-body article h2{margin-top:0}.dialog-body li{margin-bottom:12px}.dialog-body article+article{margin-top:25px;border-top:1px solid var(--line);padding-top:25px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-intro{padding:8vw 7vw;background:#efebfc;color:#332854}.auth-intro .brand{padding:0}.auth-intro h1{font-size:42px;margin-top:80px}.auth-intro .note{font-size:12px;margin-top:60px}.auth-form{display:flex;align-items:center;justify-content:center;padding:32px}.auth-form form{width:min(380px,100%)}.auth-form h2{font-size:28px;margin-bottom:8px;color:var(--ink)}.auth-form .btn.primary{width:100%;margin-top:10px}.auth-form form>p{margin:15px 0}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-collapsed .main{margin-left:0}:focus-visible{outline:3px solid #b4a4f3;outline-offset:3px}
[data-theme=dark]{--bg:#20202b;--surface:#2c2c39;--ink:#eeeef5;--muted:#b4b4c3;--line:#454452;--soft:#494066;--accent-ink:#c4b2ff;--elevation:0 2px 5px #0003;color-scheme:dark}[data-theme=dark] h2,[data-theme=dark] .nodes-panel>details>summary{color:#dedcea}[data-theme=dark] .plan-option.selected,[data-theme=dark] .period-options .selected,[data-theme=dark] .doc-group h2{background:#363047}[data-theme=dark] .meter{background:#44434d}[data-theme=dark] .metadata span{background:#494066;color:#e2d8ff}[data-theme=dark] .sidebar-toggle{background:#363643}[data-theme=dark] .inline-notice,[data-theme=dark] .notice{background:#333749;color:#c5d3ff}[data-theme=dark] .summary-card .good{color:#80dfa4}
@media(min-width:1700px){.content{padding-right:36px}.summary-value{font-size:25px}}
@media(max-width:1250px){.sidebar{width:225px}.main{margin-left:225px}.subscription-grid{grid-template-columns:1fr 1fr}.client-tools{flex-wrap:wrap}.client-entry{flex-wrap:wrap}.client-entry .actions{margin-left:56px}.purchase-layout{grid-template-columns:minmax(0,1fr) 300px}.plan-options{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-grid{grid-template-columns:1fr}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);width:245px;box-shadow:4px 0 20px #0002}.main{margin-left:0}.sidebar-collapsed .sidebar{transform:translateX(0)}.topbar{padding:0 18px;height:60px}.content{padding:0 18px 24px}.purchase-layout{grid-template-columns:1fr}.stat-cards{gap:14px}.stat-card{padding:16px}.stat-card strong{font-size:24px}.client-entry .actions{margin-left:0;width:100%}.segmented{flex-shrink:1}.segmented button{padding:8px 12px}.client-tools input{max-width:none}.pagehead h1{font-size:23px}.doc-tools{grid-template-columns:1fr 2fr;gap:12px}footer{flex-direction:column;gap:6px}.auth-page{grid-template-columns:1fr}.auth-intro{display:none}}
@media(max-width:520px){.subscription-grid{grid-template-columns:1fr;gap:14px}.summary-card{min-height:120px}.panel{padding:20px 16px;margin-bottom:20px}.stat-cards,.stat-cards.four{grid-template-columns:1fr}.statline{flex-wrap:wrap}.formgrid,.doc-tools{grid-template-columns:1fr}.doc-group{padding:0}.doc-grid{padding:16px}.doc-entry{flex-wrap:wrap}.doc-entry .btn{margin-left:37px}.announcement-text{display:block}.announcement-text small{display:block}.language-label{display:none}.account{gap:10px}.plan-options{gap:12px}.plan-option{padding:20px 10px}.plan-option.selected{padding:19px 9px}.plan-quota{font-size:27px}.plan-price{font-size:17px}.subscription-actions{margin-left:0;margin-right:0}.doc-entry>div{min-width:160px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.sidebar{height:100vh;overflow-y:auto}.brand svg{width:40px;height:40px;stroke:none}.nav a{margin-bottom:0}.stat-card small{color:inherit}

/* Reference alignment pass 2: measured against the source at the same browser size. */
:root{--accent:#8c76f0;--accent-ink:#8069d8;--soft:#ded7fa;--bg:#f6f6f6;--surface:#fff;--ink:#15264b;--muted:#646464;--line:#ededee;--elevation:0 2px 4px rgba(40,38,50,.075)}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Microsoft YaHei",sans-serif;font-size:14px;font-weight:400;line-height:1.6}
.sidebar{width:270px;padding:0 8px;background:var(--surface)}.main{margin-left:270px}.brand{height:55px;padding:7px 16px 8px;gap:10px;font-size:22px;font-weight:750;color:#15264b}.brand svg{width:38px;height:38px}.nav{padding-top:0;gap:2px}.nav a{border-radius:24px;min-height:43px;padding:9px 16px;gap:8px;color:#22242c;font-size:14px}.nav a.active{color:#22242c;font-weight:700;background:#ded7fa}.nav svg{width:20px;height:20px}.nav-group{font-size:12px;padding:18px 12px 11px;color:#646464}
.topbar{height:60px;padding:0 20px 0 24px}.sidebar-toggle{background:#eaeaec;width:36px;height:36px}.sidebar-toggle svg{width:18px;height:18px}.account{gap:7px}.account>.iconbtn{width:34px;height:34px}.account svg{width:22px;height:22px}.language-menu{position:relative}.language-menu>summary{list-style:none}.language-menu>summary::-webkit-details-marker{display:none}.language-menu .language-flag{stroke:none;width:24px;height:24px}.language-menu .dropdown-menu{top:43px;min-width:180px;padding:16px;display:flex;flex-direction:column;gap:12px;right:0;font-size:12px}.language-option{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--accent-ink)}.language-option svg{width:16px;height:16px}.avatar{width:36px;height:36px;min-width:36px;border-radius:11px;font-size:18px;padding:0;font-weight:600}.account-menu{margin-left:5px}.account-menu>div{gap:8px;padding:18px}.account-menu>div>strong{font-size:12px}.account-role{font-size:11px;color:var(--muted);margin-bottom:6px}.account-menu>div>a,.account-menu>div>button{display:flex;gap:10px;align-items:center;padding:8px 0;color:var(--ink);font-size:13px}.account-menu>div svg{width:18px;height:18px}
.content{padding:0 24px 24px}.pagehead{min-height:42px;margin:0 0 12px}.pagehead h1{font-size:26px;line-height:1.4;font-weight:750;gap:8px;color:#15264b}.pagehead h1 svg{width:25px;height:25px}.panel{padding:20px;margin-bottom:22px;border-radius:16px;box-shadow:var(--elevation)}h2{font-size:19px;color:#646464;font-weight:650;line-height:1.4;margin-bottom:30px;gap:8px}h2 svg{width:20px;height:20px}.btn{font-size:15px;font-weight:600;padding:7px 25px;min-height:40px;border-radius:5px;line-height:1.6;border-color:var(--accent);color:var(--accent-ink)}.btn svg{width:17px;height:17px}.btn.small{font-size:12px;min-height:31px;padding:4px 14px;gap:6px}.btn.small svg{width:13px;height:13px}.btn.neutral{border-color:#646464;color:#646464}.btn.primary{background:#8c76f0;border-color:#8c76f0}.btn:hover{background:#f0ecfd}.btn.primary:hover{background:#7d63df}.btn:disabled{opacity:.5}.btn>svg:last-child:not(:first-child){width:12px;height:12px}.badge{font-size:11px;border-radius:5px}.darkbadge{background:#282632;color:#fff}.badge.success{background:#c2ddcc;color:#234a32}.badge.warning{background:#f2e7ca;color:#72551b}
.announcement-banner{position:relative;min-height:200px;background:#ece8f7;border-radius:16px;margin-bottom:20px;overflow:hidden}.announcement-content{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 75px 34px;gap:20px;color:var(--accent)}.announcement-content>svg{width:44px;height:44px;stroke-width:1.7}.announcement-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:var(--accent-ink);max-width:100%}.announcement-text strong{font-size:19px;line-height:1.6;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.announcement-text small{color:#555;font-size:12px;font-weight:500}.carousel-arrow{position:absolute;top:0;bottom:0;width:60px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--accent);cursor:pointer;opacity:.65}.carousel-arrow.previous{left:0}.carousel-arrow.next{right:0}.carousel-arrow svg{width:24px;height:24px}.carousel-arrow:hover{opacity:1;background:#8c76f010}.carousel-arrow:disabled{visibility:hidden}.carousel-dots{display:flex;gap:7px;justify-content:center;position:absolute;bottom:12px;left:50%;transform:translateX(-50%)}.carousel-dots button{width:6px;height:6px;border:0;padding:0;border-radius:50%;background:#c6bceb;cursor:pointer}.carousel-dots button.active{width:18px;border-radius:5px;background:var(--accent)}
.subscription-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.summary-card{min-height:136px;padding:20px;border-radius:16px;box-shadow:var(--elevation);color:#22242c}.summary-label{font-size:14px;margin-bottom:8px;font-weight:650}.summary-value{font-size:26px;line-height:1.3;font-weight:700}.summary-card .value-unit{font-size:18px;font-weight:500}.summary-card>svg{top:35px;right:22px;width:27px;height:27px}.summary-card small{font-size:11px;margin-top:12px}.summary-card .accent{color:var(--accent)}.summary-card .good{color:#147834}.plan-summary .summary-value{color:var(--accent);font-size:25px}.meter{height:16px;background:#f5f5f5;border-radius:2px;margin:12px 0 0}.meter span{line-height:16px;font-size:10px;font-weight:700;background:#147834}.meter span:empty{min-width:0}.subscription-actions{margin:30px 16px 7px}.subscription-actions .btn{min-height:40px}.dropdown>summary{display:flex}.dropdown>summary::-webkit-details-marker{display:none}.dropdown-menu{z-index:35}.dropdown-menu>button,.dropdown-menu>a{font-size:12px;padding:9px 12px}.nodes-panel>details>summary{font-size:19px}.nodes-panel>details>summary:after{font-size:16px}.nodes-panel .badge{margin-left:6px}
.client-panel h2{margin-bottom:0}.client-tools{margin:40px 0 20px;gap:24px;flex-wrap:nowrap}.segmented{border:1px solid #646464}.segmented button{font-size:13px;padding:8px 16px;min-height:37px;gap:9px;font-weight:600;border-color:#646464}.segmented button.active{background:var(--accent);color:#fff}.segmented svg{width:13px;height:13px;stroke-width:1.8}.client-tools .segmented{flex:0 1 auto}.client-tools input{width:250px;max-width:250px;min-height:40px;padding:8px 14px 8px 32px;border:1px solid #bdbdbd;border-radius:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23646464' stroke-width='1.5'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;font-size:12px}.client-entry{padding:20px 16px;min-height:112px;border-radius:12px;margin-bottom:10px;gap:12px}.client-entry:last-child{margin-bottom:10px}.client-logo{width:40px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-logo .brand-mark{width:40px;height:40px}.client-info h3{color:#22242c;font-size:16px;font-weight:700;margin-bottom:3px}.client-info p{font-size:12px;color:#646464;line-height:1.6;margin:3px 0 6px}.metadata{gap:7px;margin-top:4px}.metadata span{display:flex;gap:3px;align-items:center;font-size:10px;padding:1px 5px;line-height:1.5;font-weight:600}.metadata span:nth-child(2){background:#eaf2fc;color:#2c4f6d}.metadata svg{width:11px;height:11px}.recommended{display:inline-flex;color:#d47d11;margin-left:5px;vertical-align:middle}.recommended svg{width:12px;height:12px;fill:currentColor;stroke-width:1}.alternative-client{background:#eadff9;color:#a063c7;border-radius:50%;width:40px;height:40px}.alternative-client svg{width:24px;height:24px;stroke-width:1.8}.client-entry .actions{gap:8px;margin-left:10px}.client-entry .dropdown-menu{top:37px}.client-entry .btn.small.neutral{background:transparent}
.purchase-layout{grid-template-columns:minmax(0,2fr) minmax(330px,1fr);gap:24px}.purchase-layout .panel{margin-bottom:28px}.plan-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:14px 2px 10px}.plan-option{min-height:292px;padding:22px 14px 18px;border-radius:23px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.plan-option.selected{padding:21px 13px 17px;background:#f6f3fe;box-shadow:0 12px 15px rgba(140,118,240,.22)}.plan-symbol{width:52px;height:52px;border-radius:16px;margin-bottom:18px}.plan-symbol svg{width:28px;height:28px}.plan-option h3{font-size:18px;line-height:1.4;font-weight:700;color:#22242c;margin:0 0 8px}.plan-quota{font-size:31px;line-height:1.2;color:#22242c;margin:4px 0 6px}.plan-quota small{font-size:14px;font-weight:400;margin-left:3px}.plan-option p{font-size:13px;margin:3px 0 23px}.plan-price{margin-top:auto;width:100%;font-size:20px;padding-top:14px;border-color:#e9e7f0;color:var(--accent)}.plan-price small{font-size:11px}.plan-option>small{font-size:10px;line-height:1.5;margin-top:4px}.radio-dot{right:15px;top:18px;width:22px;height:22px}.period-options{gap:17px}.period-options button{min-height:61px;font-size:14px;border-radius:7px;padding:17px 18px;box-shadow:0 2px 5px #0000000e}.period-options button.selected{padding:16px 17px;border-color:var(--accent)}.period-options strong:nth-child(2){font-size:16px}.purchase-layout #checkout>h3{font-size:15px;font-weight:650;margin:40px 0 16px}.purchase-layout #checkout .detail-row{font-size:14px;padding:8px 0}.inline-notice{font-size:12px;margin-top:16px;margin-bottom:20px;padding:12px 15px;border-left:3px solid #13c7db;border-radius:5px}.plan-spec summary{min-height:60px}.plan-spec .spec-symbol{background:#f1edfc}.plan-spec strong{font-size:15px}.plan-spec summary p{font-size:11px}.expand-label{margin-left:12px}.total{padding-top:15px!important;margin-top:15px!important}.total strong{font-size:24px!important}
.tablewrap{margin-top:10px}.customer-orders th{padding:18px 20px 22px;font-size:13px;font-weight:700;color:#22242c}.customer-orders td{padding:17px 20px;height:57px;font-size:12px;color:#22242c}.customer-orders th:first-child{width:7%}.customer-orders th:nth-child(2){width:30%}.customer-orders th:last-child{width:10%}.order-id{font-size:12px;font-weight:650;color:var(--accent);font-variant-numeric:tabular-nums}.round-btn{width:32px;height:32px;background:transparent;border:1px solid var(--accent);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);cursor:pointer}.round-btn svg{width:16px;height:16px}.round-btn:hover{background:#f1edfc}.empty-cell{height:200px!important;padding:45px 20px!important;text-align:center;color:#a0a0b0!important}.empty-cell>span{display:block}.empty-table-symbol{margin:0 auto 12px;width:64px;height:64px;border-radius:50%;background:#faf8ff;color:#c3b7e8;display:flex!important;align-items:center;justify-content:center}.empty-table-symbol svg{width:24px;height:24px}.stat-cards{gap:24px;margin-bottom:28px}.stat-card{height:108px;min-height:108px;padding:17px 20px}.stat-card strong{font-size:32px;line-height:1.35;letter-spacing:-.025em}.stat-card>span{font-size:15px;margin-top:5px;color:inherit;opacity:.9}.stat-card.purple{background:#8c76f0}.stat-card.green{background:#147834}.stat-card.pink{background:#f00ac8}.stat-card.blue{background:#2e5ee7}.stat-card.yellow{background:#d7dc41;color:#3c3e10}.statline{padding:0 8%;justify-content:center;gap:0;min-height:68px}.statline>div{flex:1}.statline strong{font-size:21px;font-weight:750;margin:3px 0 0}.statline small{font-size:12px}.statline svg{margin:0 0 2px;width:22px;height:22px}.invite-tools{margin:30px 0 25px}.invite-tools .btn{border-radius:22px;min-height:38px;padding:6px 23px}.doc-tools{padding:4px 4px 22px;grid-template-columns:1fr 3fr;gap:24px}.doc-tools select,.doc-tools input{min-height:50px;border-color:#ccc;font-size:12px;padding-left:36px;border-radius:24px}.doc-tools input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' stroke='%238c76f0' stroke-width='1.4'%3E%3Ccircle cx='6.5' cy='6.5' r='5'/%3E%3Cpath d='m10 10 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:14px center}.document-count{font-size:12px;margin:30px 0 24px}.doc-group{padding:0;margin-bottom:22px}.doc-group h2{background:#fcfaff;font-size:16px;padding:18px 20px;min-height:58px;margin:0;font-weight:650;gap:8px;color:#22242c}.doc-group h2 .badge{font-size:11px;padding:4px 5px}.doc-grid{padding:20px;gap:24px}.doc-entry{min-height:64px;padding:0 8px 0 0}.doc-entry strong{font-size:13px;color:#22242c;font-weight:650}.doc-entry small{font-size:11px;margin-top:3px}.doc-entry .btn{padding:4px 14px}.doc-symbol{border-radius:9px;width:27px;height:27px}.doc-entry:nth-child(2n){border-left:1px solid #dedede;padding-left:20px}.doc-entry .btn.small{min-width:86px}.support-float{position:fixed;left:24px;bottom:22px;width:54px;height:54px;background:#2674ef;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:40;box-shadow:0 3px 12px #2674ef18}.support-float svg{width:29px;height:29px;fill:#fff;stroke:#fff;stroke-width:1.1}.support-float:hover{background:#165fce}.back-top{position:fixed;right:26px;bottom:22px;width:40px;height:40px;border:2px solid #8c76f0;background:var(--surface);color:#15264b;z-index:30}.back-top svg{width:18px;height:18px}.footer-links{display:flex;gap:18px;align-items:center}.footer-links a{display:flex;align-items:center;gap:4px;color:var(--accent);font-size:11px;font-weight:600}.footer-links svg{width:13px;height:13px}footer{font-size:11px;margin-top:34px;padding-top:17px;padding-bottom:10px;align-items:center;color:#646464}
[data-theme=dark]{--bg:#272b3e;--surface:#202335;--ink:#fff;--muted:#b5b8c8;--line:#474a56;--soft:#40395f;--elevation:0 .2rem 1rem #222538;color-scheme:dark}[data-theme=dark] .brand,[data-theme=dark] .nav a,[data-theme=dark] .nav a.active,[data-theme=dark] .pagehead h1,[data-theme=dark] .summary-card,[data-theme=dark] .client-info h3,[data-theme=dark] .plan-option h3,[data-theme=dark] .plan-quota,[data-theme=dark] .customer-orders th,[data-theme=dark] .customer-orders td,[data-theme=dark] .doc-group h2,[data-theme=dark] .doc-entry strong{color:#eef0f7}[data-theme=dark] .nav a.active{background:#40395f}[data-theme=dark] .announcement-banner{background:#393452}[data-theme=dark] .announcement-text small{color:#c7c3d8}[data-theme=dark] .summary-card .accent,[data-theme=dark] .plan-summary .summary-value,[data-theme=dark] .announcement-text{color:#b3a0ff}[data-theme=dark] .client-info p,[data-theme=dark] footer{color:#b5b8c8}[data-theme=dark] .doc-group h2{background:#292940}[data-theme=dark] .sidebar-toggle{background:#333644}[data-theme=dark] .meter{background:#333644}
@media(min-width:1400px){.client-entry{flex-wrap:nowrap}.client-entry .actions{width:auto}.summary-value{font-size:26px}}
@media(min-width:1200px) and (max-width:1399px){.summary-value{font-size:21px}.summary-card .value-unit{font-size:14px}.summary-card{padding:18px}.summary-card>svg{right:14px;width:22px}.summary-label{font-size:13px}.client-tools{flex-wrap:wrap}.client-entry{flex-wrap:nowrap}.client-entry .actions{margin-left:0;width:auto}.plan-options{gap:10px}.plan-option{padding-left:8px;padding-right:8px}.plan-option.selected{padding-left:7px;padding-right:7px}.plan-option h3{font-size:15px}.plan-quota{font-size:26px}.plan-price{font-size:18px}}
@media(max-width:1199px){.sidebar{position:fixed;width:270px;transform:translateX(-100%);box-shadow:6px 0 24px #0002}.main{margin-left:0}.sidebar-collapsed .sidebar{transform:translateX(0)}.subscription-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.summary-card{padding:18px}.summary-value{font-size:22px}.summary-card .value-unit{font-size:14px}.summary-card>svg{right:16px;width:23px}.summary-label{font-size:13px}.purchase-layout{grid-template-columns:1fr}.purchase-layout>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.plan-options{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card strong{font-size:27px}.client-tools{flex-wrap:wrap}.client-tools input{max-width:250px}.client-entry{flex-wrap:nowrap}.client-entry .actions{width:auto;margin-left:0}.doc-grid{grid-template-columns:1fr 1fr}.support-float{left:22px}}
@media(max-width:991px){.subscription-grid{grid-template-columns:1fr 1fr}.summary-value{font-size:26px}.summary-card .value-unit{font-size:18px}.stat-cards.four{grid-template-columns:1fr 1fr}.client-entry{flex-wrap:wrap}.client-entry .actions{width:auto;margin-left:52px}.client-tools .segmented{max-width:100%}.doc-grid{grid-template-columns:1fr}.doc-entry:nth-child(2n){border:0;padding-left:0}.purchase-layout>div:nth-child(2){display:block}.summary-card{min-height:136px}.plan-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.topbar{height:58px;padding:0 18px}.content{padding:0 18px 22px}.pagehead{margin-bottom:16px;min-height:40px}.pagehead h1{font-size:24px}.announcement-banner,.announcement-content{min-height:190px}.announcement-content{padding:25px 38px 32px}.announcement-text strong{font-size:17px}.announcement-content>svg{width:40px;height:40px}.carousel-arrow{width:35px}.subscription-grid{grid-template-columns:1fr}.summary-card{min-height:128px;padding:20px}.subscription-panel h2{margin-bottom:24px}.subscription-actions{margin:26px 0 3px}.client-tools{margin-top:28px;gap:16px}.client-tools input{width:100%;max-width:none}.segmented{width:100%;flex-wrap:wrap}.client-tools .segmented button{flex:1 0 30%;border-bottom:1px solid #a5a5ad}.client-tools .segmented button:nth-child(3){border-right:0}.client-tools .segmented button:nth-child(n+4){border-bottom:0}.client-entry{padding:18px 12px}.client-entry .actions{margin-left:0;width:100%}.client-info{flex-basis:calc(100% - 55px)}.client-info h3{font-size:15px}.client-entry .actions .btn{flex:1}.client-entry .actions details{flex:1}.client-entry .actions details summary{width:100%}.stat-cards{grid-template-columns:1fr}.stat-cards.four{grid-template-columns:1fr 1fr;gap:14px}.stat-card strong{font-size:26px}.stat-card>span{font-size:12px}.stat-card>svg{width:23px;height:23px;right:14px}.doc-tools{grid-template-columns:1fr;padding-bottom:4px;gap:14px}.doc-entry strong{font-size:12px}.doc-entry .btn{margin-left:0}.doc-entry>div{min-width:0}.doc-entry{flex-wrap:nowrap}.doc-group h2{font-size:15px}.plan-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plan-option{min-height:280px}.plan-option h3{font-size:16px}.plan-quota{font-size:29px}.plan-price{font-size:19px}.footer-links{flex-wrap:wrap;justify-content:center;gap:10px}footer{align-items:center;text-align:center}.support-float{width:48px;height:48px;left:18px;bottom:18px}.back-top{right:18px;bottom:18px;width:36px;height:36px}.language-menu{display:block}.account{gap:3px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.traffic-overview{padding:18px 20px}.traffic-overview .statline{padding:0 9%;min-height:72px}.traffic-overview .statline>div:first-child svg{color:#2e5ee7}.traffic-overview .statline>div:nth-child(2) svg{color:#da8c18}.traffic-overview .statline>div:last-child svg{color:#646464}.traffic-trend .split{margin-bottom:40px}.traffic-period{border-color:var(--accent)}.traffic-period button{min-height:31px;padding:4px 18px;font-size:13px;border-color:var(--accent);color:var(--accent)}.traffic-period button.active{color:white}.traffic-calendar-scroll{overflow-x:auto;padding:5px 20px 10px;scrollbar-width:thin}.traffic-calendar{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,20px);grid-template-columns:repeat(52,minmax(12px,1fr));gap:3px;min-width:740px}.calendar-cell{display:block;background:#eaeaf0;min-width:0;min-height:20px}.calendar-cell.recorded{background:rgba(140,118,240,var(--intensity))}.calendar-note{font-size:11px;color:var(--muted);margin:8px 20px 0}.date-range{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px}.date-range input{width:145px;padding:6px 8px;font-size:12px;min-height:34px;border:0;border-radius:5px;background:transparent}.date-range span{color:var(--muted)}.traffic-log-title{flex-wrap:wrap}.traffic-log-title h2{margin:0}.usage-column{color:var(--ink)}[data-theme=dark] .calendar-cell{background:#333644}[data-theme=dark] .calendar-cell.recorded{background:rgba(140,118,240,var(--intensity))}@media(max-width:767px){.traffic-overview .statline{padding:0;gap:12px;flex-wrap:nowrap}.traffic-overview .statline>div{min-width:0}.traffic-overview .statline strong{font-size:18px}.traffic-overview .statline small{font-size:10px}.traffic-calendar-scroll{padding-left:0;padding-right:0}.calendar-note{margin-left:0;margin-right:0}.traffic-trend .split{margin-bottom:28px}.traffic-period{width:auto}.date-range{width:100%;justify-content:space-between}.date-range input{width:calc(50% - 20px);border:1px solid var(--line)}}
.client-tools .segmented{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:720px;max-width:100%}.client-tools .segmented button{width:100%;padding-left:10px;padding-right:10px}.summary-card .meter span{overflow:hidden}.client-entry .actions{flex-wrap:nowrap}@media(max-width:1199px){.client-tools .segmented{width:720px}.client-tools input{max-width:none;width:100%}}@media(max-width:767px){.client-tools .segmented{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.client-tools .segmented button{flex:none}.client-entry .actions{flex-wrap:wrap}}

.sidebar-close,.sidebar-backdrop{display:none}@media(max-width:1199px){.sidebar-close{position:absolute;top:10px;right:5px;display:flex;width:32px;height:32px;background:var(--surface);color:var(--muted)}.sidebar-close svg{width:18px;height:18px}.sidebar-collapsed .sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(15,20,40,.2);z-index:29;cursor:pointer}.sidebar .brand{padding-right:38px}}

.traffic-calendar-scroll{position:relative;max-width:100%}.calendar-cell{position:relative}[data-theme=dark] .nav-group,[data-theme=dark] .traffic-overview .statline>div:last-child svg{color:#b5b8c8}


/* Local licensed reference assets: Montserrat (OFL), Iconoir (MIT). */
@font-face{font-family:Montserrat;src:url('/fonts/Montserrat.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
body{font-family:Montserrat,"Segoe UI","Microsoft YaHei",sans-serif}
svg.iconoir{stroke-width:1.5}
.btn,.segmented button,.nav a{transition:background-color .15s,color .15s,box-shadow .15s}
.btn:focus-visible,.iconbtn:focus-visible,.nav a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.btn,.segmented button,.nav a{transition:none}}