:root{--green:#28604b;--ink:#1f302b;--muted:#7b8782;--line:#e5eae6;--bg:#f6f8f5}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-size:14px;background:var(--bg)}[hidden]{display:none!important}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:7px;padding:11px 17px;white-space:nowrap}button:disabled{opacity:.4;cursor:default}input,select{width:100%;padding:12px;border:1px solid #dce3dd;border-radius:6px;background:white;color:var(--ink)}input:focus,select:focus{outline:2px solid #9bbbab;outline-offset:2px}label{display:block;font-size:13px;font-weight:500}label input,label select{display:block;margin-top:9px}.primary{background:var(--green);color:#fff}.secondary{background:white;border:1px solid #dce3dd;color:var(--ink)}.subtle{background:transparent;color:var(--muted)}.muted{color:var(--muted);line-height:1.8}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#82968b}h1{font-weight:600;font-size:30px;letter-spacing:-1px;margin:10px 0 8px}h2{font-size:27px;font-weight:600}h3{font-size:15px;margin:0 0 4px;font-weight:600}p{margin:7px 0 18px}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2.5px;font-size:12px;font-weight:650}.brand b{display:flex;justify-content:center;align-items:center;background:var(--green);color:white;width:35px;height:35px;border-radius:9px;font-size:29px;letter-spacing:-3px;padding-right:3px}.login{display:grid;grid-template-columns:48% 52%;min-height:100vh}.intro{background:#e6ede3;padding:44px 56px;display:flex;flex-direction:column;overflow:hidden}.intro-copy{margin:auto 0}.intro h1{font-size:43px;line-height:1.5;margin:20px 0}.intro p{color:#687f70;line-height:2;font-size:15px}.intro small{color:#829486}.login-right{display:grid;place-items:center;background:#fff}.login-card{width:340px}.login-card label{margin:24px 0}.login-card .primary{width:100%;display:flex;justify-content:space-between}.footnote{font-size:12px;color:#99a29b;text-align:center;margin-top:24px}.error{color:#af413b;font-size:13px}.orbit{position:relative;margin:35px 0;width:270px;height:170px;border:1px solid #c7d6c6;border-radius:50%;transform:rotate(-18deg)}.orbit div{font-size:60px;color:#73947b;position:absolute;left:100px;top:40px}.orbit span{position:absolute;background:#f4f7ef;border:1px solid #d3dfcf;padding:12px;border-radius:50%;transform:rotate(18deg);color:#4b7058}.orbit span:nth-child(1){left:0;top:30px}.orbit span:nth-child(2){right:15px;top:5px}.orbit span:nth-child(3){bottom:-10px;left:140px}aside{position:fixed;inset:0 auto 0 0;width:220px;padding:32px 22px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column}.nav-label{margin:54px 14px 15px;font-size:10px;letter-spacing:2px;color:#a0aaa4}.nav{padding:14px;text-align:left;display:flex;gap:13px;background:transparent;color:#78847c;margin-bottom:6px}.nav.active{background:#eaf1e9;color:var(--green);font-weight:600}.sidebar-bottom{margin-top:auto;display:flex;gap:10px;align-items:center;padding:20px 0}.sidebar-bottom small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.avatar{background:#e8eee3;padding:11px;border-radius:50%;color:#4f705b}.sidebar-bottom strong{display:block;max-width:128px;overflow:hidden;text-overflow:ellipsis}main{margin-left:220px;padding:0 42px 44px;max-width:1900px}header{height:86px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;color:#87928a}header strong{color:#43574a;font-weight:500}header i{margin:0 15px;font-style:normal;color:#c0c9c2}.badge{font-size:11px;border:1px solid var(--line);padding:7px 10px;border-radius:5px;color:#859087;background:#fff}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 12px}.page-heading p{font-size:13px}.scope-line{display:flex;align-items:center;gap:8px;color:#6c8272;font-size:12px;margin:0 0 25px}.dot{width:6px;height:6px;border-radius:50%;background:#749878}.filters{display:flex;gap:15px;align-items:end;margin-bottom:24px}.filters label{min-width:140px}.filters button{height:42px}.date-dash{padding-bottom:14px;color:#a5aea7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:22px}.stats article{border:1px solid var(--line);border-radius:10px;padding:24px;background:white}.stats span{font-size:13px;color:#7e8a81}.stats strong{display:block;font-size:34px;line-height:1.4;font-weight:550;letter-spacing:-1px;margin:12px 0}.stats small{font-size:11px;color:#a0aaa2}.stats .net-card{background:#edf3e9;border-color:#dae5d5}.net-card strong{color:var(--green)}.panel{background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:22px;overflow:hidden}.panel-heading{padding:23px 24px;display:flex;align-items:center;justify-content:space-between}.panel-heading p{font-size:11px;margin:4px 0 0}.legend{font-size:11px;color:#829186}.legend i{display:inline-block;width:7px;height:7px;background:#779e7b;border-radius:2px;margin-right:6px}.chart{height:155px;margin:0 24px 22px;display:flex;gap:8px;align-items:end;border-bottom:1px solid var(--line);position:relative;padding:0 0 20px}.chart:empty:after{content:'同步数据后显示趋势';color:#9ca69e;font-size:12px;position:absolute;top:55px;left:0;right:0;text-align:center}.bar-wrap{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar{width:75%;max-width:36px;background:#95b295;border-radius:3px 3px 0 0;min-height:2px}.bar-wrap small{font-size:9px;color:#a0aba1;white-space:nowrap}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;font-weight:500;background:#f8faf7;color:#8b978d;padding:15px 22px;border-top:1px solid #f0f3ee;border-bottom:1px solid #f0f3ee}td{padding:16px 22px;font-size:12px;color:#536659;border-bottom:1px solid #f0f3ee}td button{padding:6px 10px;font-size:12px}.empty{text-align:center;padding:30px 20px 45px;color:#92a092}.empty>div{font-size:35px;color:#b0beb0;margin-bottom:12px}.empty p{font-size:12px}.pagination{padding:16px 24px;display:flex;align-items:center;gap:12px;color:#92a093}.pagination small{margin-right:auto;font-size:10px}.pagination button{font-size:11px;padding:7px 10px}.settings{padding:30px;max-width:820px;line-height:1.9}.settings #connection{margin:22px 0}.settings .primary{margin-bottom:16px}.settings hr{border:0;border-top:1px solid var(--line);margin:25px 0}.settings p{color:#879188;font-size:13px}dialog{border:1px solid var(--line);border-radius:12px;width:440px;padding:28px;color:var(--ink)}dialog::backdrop{background:#142c2355;backdrop-filter:blur(3px)}dialog h2{margin-top:0;font-size:22px}dialog label{margin:18px 0}dialog p{font-size:12px}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:20px}#toast{position:fixed;right:24px;top:20px;max-width:440px;background:#203c30;color:white;padding:15px 22px;border-radius:9px;z-index:20;box-shadow:0 8px 35px #13291c25}@media(max-width:1000px){aside{width:180px;padding:25px 14px}main{margin-left:180px;padding:0 22px 30px}.filters{flex-wrap:wrap}.intro{padding:35px}.intro h1{font-size:34px}.pagination small{display:none}}@media(max-width:700px){.login{display:block}.intro{display:none}.login-right{min-height:100vh}.login-card{width:min(340px,85vw)}aside{position:static;width:100%;padding:18px;display:flex;flex-direction:row;align-items:center;gap:8px;border-bottom:1px solid var(--line);overflow:auto}.nav-label,.sidebar-bottom,.nav span,aside .brand{display:none}.nav{margin:0}.subtle{padding:9px}main{margin:0;padding:0 16px 25px}header{height:60px}.page-heading{margin-top:24px}h1{font-size:25px}.stats{gap:8px}.stats article{padding:14px}.stats strong{font-size:26px}.stats small{font-size:9px}.filters{gap:10px}.filters label{min-width:120px;flex:1}.date-dash{display:none}.page-heading .secondary{padding:9px}.panel-heading{padding:18px}.bar-wrap small{font-size:8px}.chart{gap:3px}}

/* Minimal centered login */
.login{display:grid;grid-template-columns:1fr;min-height:100vh;min-height:100dvh;background:#fff;place-items:center;padding:32px 24px}.login-right{width:100%;min-height:0;background:transparent}.login-card{width:min(340px,100%)}.login-card h2{text-align:center;margin:0 0 32px}.login-card .error:empty{display:none}

.chart{display:block;height:256px;overflow-x:auto;overflow-y:hidden;padding:0;border-bottom:0}.chart svg{display:block;width:100%;min-width:680px;height:240px}.trend-grid{stroke:#e8eee8;stroke-width:1}.trend-tick{fill:#87968a;font-size:11px}.trend-line{fill:none;stroke:#39745a;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.trend-dot{fill:#fff;stroke:#39745a;stroke-width:2.5}.trend-value{fill:#28604b;font-size:13px;font-weight:600}.legend i{width:16px;height:2px;background:#39745a;vertical-align:middle}

.chart svg{min-width:0}.filters{margin-top:4px;margin-bottom:20px}