:root{--ink:#13221f;--muted:#66756f;--line:#e4ebe8;--bg:#f5f8f7;--panel:#fff;--green:#0d6b57;--green2:#129b7a;--mint:#e3f4ee;--navy:#102823;--amber:#d18a2f;--red:#c85b57;--shadow:0 18px 60px rgba(15,47,40,.09);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.hidden{display:none!important}button{cursor:pointer}.brand{height:72px;display:flex;align-items:center;gap:11px;font-size:20px;font-weight:760;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--green);color:#fff;border-radius:10px;font-size:16px}.brand.light .brand-mark{background:#fff;color:var(--green)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) 1fr}.login-aside{position:relative;overflow:hidden;padding:0 7vw;background:linear-gradient(145deg,#0b5448,#0f7863);color:white;display:flex;flex-direction:column}.login-aside:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-290px;top:-160px;box-shadow:0 0 0 70px rgba(255,255,255,.035),0 0 0 150px rgba(255,255,255,.025)}.login-copy{position:relative;margin:auto 0;max-width:520px}.eyebrow{font-size:11px;letter-spacing:.22em;opacity:.72}.login-copy h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(40px,4.3vw,68px);line-height:1.12;margin:24px 0 25px;font-weight:500}.login-copy>p:last-child{font-size:16px;opacity:.75;line-height:1.8}.aside-foot{padding:30px 0;font-size:12px;opacity:.55}.signal-art{position:absolute;right:10%;bottom:10%;width:260px;height:180px;opacity:.18}.signal-art i{position:absolute;border:1px solid white;border-radius:50%;inset:auto 0 0 auto}.signal-art i:nth-child(1){width:180px;height:180px}.signal-art i:nth-child(2){width:120px;height:120px;bottom:30px;right:30px}.signal-art i:nth-child(3){width:60px;height:60px;bottom:60px;right:60px}.signal-art span{position:absolute;width:9px;height:9px;border-radius:50%;background:white;right:86px;bottom:86px}.login-main{display:grid;place-items:center;padding:50px;background:#fbfcfc}.login-card{width:min(420px,100%)}.login-card h2{font-size:32px;margin:24px 0 8px;letter-spacing:-.03em}.login-card>p{color:var(--muted);margin:0 0 32px}.secure-pill{display:inline-flex;background:var(--mint);color:var(--green);padding:7px 11px;border-radius:20px;font-size:12px}.login-card label{display:block;color:#354540;font-weight:600;font-size:13px;margin:18px 0}.login-card input,.field input,.field select{display:block;width:100%;margin-top:8px;border:1px solid #dce5e1;border-radius:10px;padding:13px 14px;background:#fff;outline:none;transition:.2s}.login-card input:focus,.field input:focus,.field select:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(18,155,122,.1)}.primary{border:0;background:var(--green);color:#fff;border-radius:10px;padding:12px 17px;font-weight:700;box-shadow:0 8px 20px rgba(13,107,87,.18)}.primary:hover{background:#095a49}.wide{width:100%;height:48px;display:flex;justify-content:center;align-items:center;gap:10px}.form-error{color:var(--red);font-size:13px;min-height:18px}.demo-note{margin-top:22px;padding:12px 14px;background:#f0f5f3;border-radius:10px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:10px}.demo-note code{color:var(--green)}.mobile-brand{display:none}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);padding:0 20px;display:flex;flex-direction:column;z-index:30}.sidebar nav{display:grid;gap:6px;margin-top:24px}.nav-item{border:0;background:transparent;border-radius:10px;padding:12px 14px;color:#6c7975;text-align:left;font-weight:600;display:flex;gap:13px;align-items:center}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item:hover{background:#f2f7f5}.nav-item.active{background:var(--mint);color:var(--green)}.sidebar-status{margin-top:auto;border:1px solid var(--line);padding:12px;border-radius:10px;display:flex;gap:10px;align-items:center}.sidebar-status div{display:grid;gap:2px}.sidebar-status strong{font-size:12px}.sidebar-status small{font-size:10px;color:var(--muted)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #faeedf}.logout{border:0;background:none;color:#7d8985;text-align:left;padding:18px 12px;margin-bottom:8px}.main-area{margin-left:230px}.topbar{height:92px;padding:0 38px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar p{font-size:11px;color:#8b9893;margin:0 0 5px}.topbar h1{font-size:20px;margin:0}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;border:0;background:#f2f6f5;width:38px;height:38px;border-radius:50%}.icon-btn span{position:absolute;width:7px;height:7px;border-radius:50%;background:#ef786e;right:7px;top:7px}.avatar{width:38px;height:38px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:13px}.admin-label{display:grid}.admin-label strong{font-size:12px}.admin-label small{font-size:10px;color:var(--muted)}.menu-btn{display:none}.content{padding:30px 38px 50px;max-width:1500px;margin:auto}
.hero-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.section-kicker{font-size:11px;color:var(--green);font-weight:700;letter-spacing:.12em}.hero-row h2{font-size:26px;margin:7px 0 0}.hero-row p{color:var(--muted);margin:6px 0 0;font-size:13px}.button-row{display:flex;gap:9px}.secondary{border:1px solid var(--line);background:#fff;color:#40504b;border-radius:9px;padding:10px 14px;font-weight:650}.secondary:hover{border-color:#b8c8c2}.danger{color:var(--red)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 19px;box-shadow:0 3px 14px rgba(16,40,35,.025)}.stat-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.stat-icon{width:31px;height:31px;border-radius:9px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:16px}.stat-card strong{font-size:28px;display:block;margin:15px 0 4px;letter-spacing:-.04em}.stat-card small{font-size:11px;color:#8b9893}.trend{color:var(--green)!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:17px;margin-top:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:14px;margin:0}.text-btn{border:0;background:none;color:var(--green);font-size:12px;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;color:#8b9893;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:11px 18px;background:#fafcfc;border-bottom:1px solid var(--line)}td{padding:14px 18px;border-bottom:1px solid #edf1ef;font-size:12px}tr:last-child td{border-bottom:0}.person{display:flex;align-items:center;gap:10px}.person-icon{width:31px;height:31px;border-radius:9px;background:#eff5f3;display:grid;place-items:center;font-weight:700;color:var(--green)}.person strong{display:block;font-size:12px}.person small{color:#8c9894;font-size:10px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:14px;padding:5px 8px;font-size:10px;font-weight:700}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.active{background:#e6f6f0;color:#0d8468}.badge.pending{background:#eef2f1;color:#77837f}.badge.paused{background:#faefdf;color:#b37323}.badge.expired,.badge.quota_exhausted{background:#fbe9e8;color:#bc5651}.usage{width:125px}.usage-label{display:flex;justify-content:space-between;color:#65736e;font-size:10px;margin-bottom:5px}.bar{height:5px;background:#edf2f0;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green2);border-radius:5px}.bar i.high{background:var(--amber)}.bar i.full{background:var(--red)}.more-btn{border:0;background:#f2f6f5;width:29px;height:29px;border-radius:8px}.node-card{padding:18px}.node-top{display:flex;justify-content:space-between;align-items:flex-start}.node-title{display:flex;gap:11px}.flag{width:38px;height:38px;background:#eef5f2;border-radius:9px;display:grid;place-items:center;font-size:19px}.node-title h4{margin:1px 0 3px;font-size:13px}.node-title p{margin:0;color:var(--muted);font-size:10px}.mock-chip{font-size:9px;color:var(--amber);background:#faefdf;padding:4px 7px;border-radius:12px}.node-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.node-metrics small{display:block;color:#8b9893;font-size:9px}.node-metrics strong{font-size:13px;margin-top:4px;display:block}.activity-list{padding:4px 19px 13px}.activity{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf1ef}.activity:last-child{border:0}.activity-mark{width:8px;height:8px;background:var(--green2);border-radius:50%;margin-top:5px}.activity div{font-size:11px}.activity small{display:block;color:#8b9893;margin-top:3px}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:0 12px;width:min(340px,100%)}.search input{border:0;outline:none;padding:10px 0;width:100%}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;position:relative;overflow:hidden}.plan-card.featured{border-color:#8fcdbd;box-shadow:0 15px 40px rgba(13,107,87,.1)}.plan-card.featured:before{content:"推荐";position:absolute;right:-25px;top:15px;background:var(--green);color:white;font-size:9px;padding:5px 30px;transform:rotate(40deg)}.plan-card h3{margin:12px 0 4px;font-size:19px}.plan-card>p{color:var(--muted);font-size:12px}.plan-duration{font-size:36px;font-weight:780;letter-spacing:-.05em;margin:25px 0}.plan-duration span{font-size:12px;color:var(--muted);font-weight:500}.plan-points{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:17px}.plan-points div{font-size:12px;color:#45534f}.plan-points div:before{content:"✓";color:var(--green);margin-right:9px;font-weight:800}.empty{padding:55px 20px;text-align:center;color:var(--muted)}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(7,25,21,.58);backdrop-filter:blur(3px)}.modal-card{position:relative;background:#fff;width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:16px;box-shadow:0 30px 100px rgba(0,0,0,.28);padding:27px}.modal-close{position:absolute;right:18px;top:15px;border:0;background:#f2f5f4;border-radius:50%;width:30px;height:30px;font-size:20px}.modal-card h2{margin:0 0 7px;font-size:22px}.modal-card>div>p{color:var(--muted);font-size:12px;margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{font-size:12px;color:#475650;font-weight:650}.field.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.detail-head{display:flex;gap:13px;align-items:center;margin-bottom:20px}.detail-head .person-icon{width:43px;height:43px}.detail-head h2{margin:0}.detail-head p{margin:3px 0 0!important}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-box{padding:13px;background:#f5f8f7;border-radius:10px}.mini-box small{color:var(--muted);font-size:9px;display:block}.mini-box strong{font-size:12px;margin-top:5px;display:block}.subscription-box{margin-top:15px;border:1px solid var(--line);border-radius:11px;padding:14px}.sub-row{display:flex;gap:8px;margin-top:9px}.sub-row input{min-width:0;flex:1;border:0;background:#f2f6f4;border-radius:8px;padding:9px;font-size:10px;color:#596762}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.action-grid button{border:1px solid var(--line);background:white;border-radius:8px;padding:9px 5px;font-size:10px}.qr-wrap{display:grid;place-items:center;padding:12px}.qr-wrap canvas,.qr-wrap img{width:220px!important;height:220px!important;image-rendering:pixelated}.toast{position:fixed;right:25px;bottom:25px;background:#102823;color:#fff;border-radius:10px;padding:12px 16px;font-size:12px;transform:translateY(90px);opacity:0;transition:.25s;z-index:200;box-shadow:var(--shadow)}.toast.show{transform:none;opacity:1}.toast.error{background:#9b403d}
.node-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.node-summary>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 19px}.node-summary strong{display:block;font-size:23px}.node-summary small{color:var(--muted);font-size:10px}.node-list .node-card{border-bottom:1px solid var(--line)}.node-list .node-card:last-child{border-bottom:0}.node-warning{background:#fffdfb}.node-online{background:#e6f6f0!important;color:#0d8468!important}.node-offline,.node-error{background:#fbe9e8!important;color:#bc5651!important}.node-disabled{background:#eef2f1!important;color:#77837f!important}.node-provisioning{background:#faefdf!important;color:#b37323!important}.monitor-grid{display:grid;grid-template-columns:.65fr 1.2fr 1.2fr .9fr;gap:18px;margin-top:17px;padding-top:16px;border-top:1px solid var(--line);align-items:center}.monitor-grid small{display:block;color:var(--muted);font-size:9px}.monitor-grid strong{display:block;margin-top:5px;font-size:12px}.monitor-grid .usage{width:100%}.node-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:15px}.node-error-detail{margin-top:13px;padding:9px 11px;border-radius:8px;font-size:10px;word-break:break-word;background:#fbe9e8;color:#bc5651}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-form{padding:20px;display:grid;gap:14px}.security-form p,.security-form>small{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.security-form .primary,.security-form>.secondary{justify-self:start}.edit-employee{margin-left:auto}.usage-nodes{display:grid;gap:8px;margin-top:11px}.usage-node{display:grid;grid-template-columns:1fr auto auto;gap:13px;align-items:center;background:#f5f8f7;border-radius:8px;padding:9px 11px;font-size:10px}.usage-node small{color:var(--muted)}.empty.compact{padding:15px}.wide-modal{width:min(680px,100%)}.provision-result{margin-top:17px;border-radius:9px;padding:12px;background:#f3f6f5;color:var(--muted);font-size:11px;line-height:1.7}.provision-result.success{background:#e9f7f2;color:#08755d}.provision-result.error{background:#fbe9e8;color:#a54844}.provision-result.working{background:#faefdf;color:#91601f}.secret-box{background:#f2f6f4;border-radius:9px;padding:12px;margin-bottom:16px}.secret-box small{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}.secret-box code{font-size:13px;word-break:break-all;color:var(--green)}
.plan-title-row{display:flex;align-items:center;justify-content:space-between}.plan-disabled{opacity:.7;background:#f7f9f8}.plan-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.plan-actions .secondary{padding:8px 11px;font-size:10px}.check-field{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);padding-top:24px}.check-field input{width:16px;height:16px}.form-grid .check-field{align-self:center}
.subscription-clients{display:grid;gap:12px;margin-top:11px}.subscription-client+.subscription-client{border-top:1px solid var(--line);padding-top:12px}.subscription-label{display:block;font-size:11px;font-weight:700;color:#29443d}.subscription-client .sub-row{margin-top:6px}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.plans-grid{grid-template-columns:1fr}.login-aside{padding:0 5vw}.login-copy h1{font-size:45px}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-aside{display:none}.login-main{padding:28px;min-height:100vh}.mobile-brand{display:flex}.sidebar{transform:translateX(-100%);transition:.25s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.main-area{margin-left:0}.topbar{height:82px;padding:0 18px}.content{padding:22px 16px 40px}.menu-btn{display:block;border:0;background:#eef4f2;border-radius:8px;padding:8px;margin-right:12px}.topbar>div:nth-child(2){margin-right:auto}.admin-label{display:none}.hero-row{align-items:flex-start;gap:14px}.hero-row h2{font-size:21px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-card strong{font-size:23px}.toolbar{flex-direction:column}.form-grid,.detail-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.action-grid{grid-template-columns:1fr 1fr}.modal-card{padding:23px 18px}.demo-note{flex-direction:column}}
@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.button-row .secondary{display:none}}
@media(max-width:900px){.node-summary{grid-template-columns:1fr 1fr}.monitor-grid{grid-template-columns:1fr 1fr}.security-grid{grid-template-columns:1fr}}
@media(max-width:560px){.monitor-grid{grid-template-columns:1fr}.node-actions{justify-content:flex-start;flex-wrap:wrap}.usage-node{grid-template-columns:1fr auto}.usage-node small{grid-column:1/-1}}