:root{color-scheme:light;--bg:#f4f6fa;--paper:#fff;--ink:#17243c;--muted:#778397;--line:#e7ebf2;--accent:#087d77;--accent-soft:#e7f5f2;--nav:#101d32;--red:#bf4650;--orange:#a96811;--radius:14px;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:3px}a{color:var(--accent);text-decoration:none}button{cursor:pointer;border:1px solid transparent;border-radius:8px;padding:9px 16px;background:var(--accent);color:#fff;font-weight:600;transition:background .15s}button:hover{background:#066c67}button:disabled{opacity:.5;cursor:wait}button.secondary{color:var(--ink);background:var(--paper);border-color:var(--line)}button.secondary:hover{background:#f1f4f8}button.danger{background:#fff2f2;color:var(--red);border-color:#f5d7da}button.link{background:transparent;color:var(--accent);padding:4px 8px}button.small{padding:6px 10px;font-size:12px}input,textarea,select{width:100%;border:1px solid #dce2eb;border-radius:8px;background:var(--paper);padding:10px 12px;color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid #b6e0da}textarea{min-height:120px;resize:vertical}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-.6px;font-weight:700}h2{font-size:17px;font-weight:650}h3{font-size:14px;font-weight:650}.muted{color:var(--muted)}.small-text{font-size:12px}.mono{font-family:Consolas,monospace}.layout{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}.sidebar{background:var(--nav);color:#c4cedb;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 17px 22px}.brand{display:flex;align-items:center;gap:12px;color:inherit}.brand-mark{width:33px;height:33px;display:grid;place-items:center;background:#36b4a8;border-radius:9px;color:#fff;font-size:24px;font-weight:700}.brand strong{display:block;color:#fff;font-size:21px;letter-spacing:1px}.brand small{display:block;color:#7c8ba3;letter-spacing:2.1px;font-size:9px}.nav-caption{font-size:10px;color:#697d98;letter-spacing:1.8px;margin:38px 15px 13px}.nav{display:grid;gap:5px}.nav button{color:#aebbd0;background:none;border:0;display:flex;align-items:center;gap:13px;text-align:left;border-radius:9px;font-weight:500;padding:12px 15px;width:100%}.nav button:hover{background:#1b2d46;color:#fff}.nav button.active{color:#fff;background:#203650}.icon{width:18px;height:18px;display:inline-block;flex:none;vertical-align:middle}.sidebar-bottom{margin-top:auto;border-top:1px solid #28374c;padding:18px 12px 0}.sidebar-bottom p{color:#8a9bb2;font-size:11px}.sidebar-bottom strong{font-size:12px;color:#d7e1ed}.main{min-width:0}.topbar{height:75px;border-bottom:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb strong{color:var(--ink);font-weight:500}.top-actions{display:flex;align-items:center;gap:16px}.avatar{width:34px;height:34px;border-radius:50%;background:#edf1f7;display:grid;place-items:center;font-size:12px;font-weight:650}.workspace{max-width:1500px;padding:32px 36px 40px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:16px}.page-head p{color:var(--muted);font-size:13px;margin-top:7px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.eyebrow{font-size:11px;letter-spacing:1.6px;color:var(--muted);margin-bottom:6px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:21px 23px}.stat-title{color:#68788f;font-size:12px;display:flex;justify-content:space-between;align-items:center}.stat-value{font-size:33px;font-weight:650;letter-spacing:-1px;margin:11px 0 4px;line-height:1.3;font-variant-numeric:tabular-nums}.stat-note{font-size:11px;color:#8993a4}.stat.accent{background:var(--nav);border-color:var(--nav);color:#fff}.stat.accent .stat-title{color:#adbdce}.stat.accent .stat-note{color:#96b0c2}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px;margin-bottom:23px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow:hidden}.panel-head{padding:22px 24px 17px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head p{font-size:11px;color:var(--muted);margin-top:3px}.panel-body{padding:0 24px 23px}.panel+.panel{margin-top:22px}.content-grid .panel+.panel{margin-top:0}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:5px;background:#eef1f6;color:#69778e;font-size:11px;white-space:nowrap}.pill.green{color:#087d67;background:#eaf7f0}.pill.red{color:#b44751;background:#fff0f1}.pill.amber{color:#ac6d18;background:#fff5e5}.pill.dot:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.notice{border:1px solid #d5e9e5;background:#f0f9f7;color:#3c6e65;border-radius:10px;padding:13px 17px;font-size:12px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.notice.warning{background:#fff9ed;border-color:#f2e2bd;color:#996a23}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left;font-size:12px}th{background:#f8fafc;border-block:1px solid var(--line);color:#8892a3;font-weight:500;padding:11px 20px}td{padding:15px 20px;border-bottom:1px solid #edf0f5}tr:last-child td{border-bottom:0}td.wrap{white-space:normal;min-width:170px;max-width:400px}.table-main{font-weight:600;color:var(--ink)}.table-sub{font-size:11px;color:var(--muted);margin-top:4px}.empty{text-align:center;padding:47px 25px;color:var(--muted);font-size:12px}.empty strong{display:block;color:#55677e;font-size:14px;margin:12px 0 5px}.empty .icon{width:30px;height:30px;color:#a7b9c9}.empty button{margin-top:17px}.legend{display:flex;gap:17px;font-size:11px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:2px;background:var(--accent)}.legend .unknown{background:#d49a43}.chart{width:100%;height:210px;display:block}.chart-grid{stroke:#edf0f5;stroke-width:1}.chart-axis{font-size:10px;fill:#8892a3}.chart-line{stroke:var(--accent);stroke-width:2.5;fill:none}.chart-line.unknown{stroke:#d49a43}.chart-point{fill:var(--accent)}.health-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.health-row:last-child{border:0}.health-row strong{font-size:15px;font-weight:600}.progress{width:100%;height:6px;background:#edf1f6;border-radius:3px;margin-top:18px}.progress::-webkit-progress-bar{background:#edf1f6;border-radius:3px}.progress::-webkit-progress-value{background:var(--accent);border-radius:3px}.progress::-moz-progress-bar{background:var(--accent)}.quick-list{display:grid;gap:12px}.quick-list button{text-align:left;padding:14px 16px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:500;display:flex;align-items:center;gap:12px}.quick-list small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:3px}.quick-list .icon{color:var(--accent)}.filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:0 24px 20px}.filters>div{min-width:130px;flex:1}.filters input,.filters select{font-size:12px;padding:8px 10px}.filters label{font-size:11px;color:var(--muted);font-weight:400}.pagination{display:flex;align-items:center;justify-content:space-between;padding:15px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:20px}.field small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:9px;font-weight:400}.check input{width:16px;height:16px;accent-color:var(--accent)}.form-actions{display:flex;justify-content:end;gap:10px;padding-top:8px}.split-settings{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:24px}.form-panel{padding:25px}.account-name{display:flex;align-items:center;gap:10px}.account-name img{width:34px;height:34px;border-radius:50%;object-fit:cover}.info-list{display:grid;gap:18px;font-size:12px}.info-list strong{display:block;font-size:13px;margin-bottom:5px}.info-list p{color:var(--muted)}.help-step{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.step-number{border-radius:8px;background:var(--accent-soft);color:var(--accent);width:32px;height:32px;display:grid;place-items:center;flex:none}.help-step p{margin-top:5px;color:var(--muted);font-size:12px}dialog{border:1px solid var(--line);border-radius:16px;padding:0;width:min(640px,calc(100vw - 32px));max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:rgb(10 24 42 / .42)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border-bottom:1px solid var(--line)}.dialog-content{padding:23px 25px}.dialog-head button{font-size:19px;line-height:1;padding:4px 8px}.qr-box{text-align:center;min-height:260px;display:grid;place-items:center;background:#f8fafc;border-radius:12px;padding:20px}.qr-box img{width:230px;height:230px;object-fit:contain}.qr-status{text-align:center;font-size:13px;margin:18px 0}.toast-stack{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;right:auto;bottom:auto;transform:translate(-50%);z-index:5000;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:min(480px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:8px;padding:10px 16px;font-size:14px;line-height:1.5;box-shadow:0 6px 16px #17243c24,0 0 0 1px #17243c0f;animation:toast-in .22s ease}.toast.error{background:#fff;color:var(--ink)}.toast-icon{width:16px;height:16px;flex:none;color:var(--accent)}.toast.error .toast-icon{color:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.detail-grid{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:12px}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.login-body{background:#fff}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:var(--nav);color:#fff;padding:50px 9%;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story .brand{margin-bottom:85px}.login-story h1{font-size:42px;line-height:1.35;letter-spacing:-1px;font-weight:600;max-width:450px}.login-story .sub{color:#9baec5;line-height:1.9;margin-top:24px;max-width:385px;font-size:14px}.login-story .story-foot{margin-top:auto;padding-top:45px;color:#6e849f;font-size:11px}.server-art{margin:48px 0 10px;max-width:380px}.server-art .art-head{display:flex;align-items:center;justify-content:space-between;color:#9bb4c8;font-size:10px;letter-spacing:1.6px;margin-bottom:15px}.server-art .server-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border:1px solid #2a3d55;border-radius:9px;margin-bottom:9px;color:#d2dfed;font-size:12px}.server-dot{height:5px;width:5px;border-radius:50%;display:inline-block;background:#55c7ac;margin-right:8px}.server-bars{display:flex;gap:4px}.server-bars i{width:5px;height:17px;background:#264b5b;border-radius:2px}.server-bars i:nth-child(-n+4){background:#3d9d94}.login-form-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 30px}.login-form-inner{width:100%;max-width:360px}.login-form-inner h2{font-size:28px;margin:8px 0 9px}.login-form-inner .intro{color:var(--muted);margin-bottom:37px;font-size:13px}.login-form-inner button[type=submit]{width:100%;margin-top:8px;padding:12px}.login-foot{text-align:center;margin-top:32px;color:#919bab;font-size:11px}.login-error{min-height:26px;color:var(--red);font-size:12px}.screen-body{--bg:#0b172b;--paper:#10223c;--ink:#e7edf7;--muted:#7b91ae;--line:#22354e;--accent:#4ebaa8;--accent-soft:#163e42;background:var(--bg);color:var(--ink)}.screen-wrap{padding:30px 36px;max-width:2000px;margin:auto}.screen-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid var(--line);padding-bottom:20px}.screen-head h1{font-size:26px;letter-spacing:2px}.screen-head p{font-size:11px;margin-top:5px;color:var(--muted)}.screen-body .stat-value{font-size:40px}.screen-body .stat-title{color:#a7bdd3}.screen-body .stat-note{color:#718eac}.screen-body .stat.accent{background:#153c48;border-color:#245765}.screen-body .chart-grid{stroke:#22354e}.screen-body .chart-axis{fill:#7291b0}.screen-body th{background:#152c48;color:#92acc5}.screen-body td{border-color:#203652}.screen-body .pill{background:#243951;color:#a0bdd9}.screen-body .pill.green{background:#174442;color:#70d7b2}.screen-body .pill.red{background:#4b2d3d;color:#ed9baa}.screen-body .content-grid{grid-template-columns:1.6fr 1fr}.screen-body .panel{border-radius:8px}.screen-body button.secondary{background:#152b45;color:#a8c2db;border-color:#2d4560}.screen-body .empty strong{color:#a4b8cc}.screen-body .notice{background:#14313d;border-color:#244d53;color:#93c8be}.error-banner{color:var(--red);padding:18px;background:#fff0f1;border-radius:10px;margin-bottom:20px}.loading{padding:70px;text-align:center;color:var(--muted)}.mobile-menu{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.workspace{padding:25px}.topbar{padding:0 25px}.content-grid,.split-settings{grid-template-columns:1fr}.login-story{padding:45px 9%}.login-story h1{font-size:34px}}@media (max-width:740px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:16px}.sidebar .brand{margin-bottom:14px}.sidebar .brand strong{font-size:18px}.nav{display:flex;overflow-x:auto}.nav button{width:auto;white-space:nowrap;padding:9px 12px}.nav-caption,.sidebar-bottom{display:none}.topbar{height:60px;padding:0 18px}.top-actions{gap:8px}.top-actions .muted{display:none}.workspace,.screen-wrap{padding:22px 16px}.stats{gap:10px}.stat{padding:17px}.stat-value{font-size:28px}.page-head{align-items:start}h1{font-size:22px}.content-grid,.screen-body .content-grid,.form-grid,.login-layout{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100vh;padding:35px 26px}.screen-head{align-items:start;gap:15px}.screen-head h1{font-size:20px}.screen-body .stat-value{font-size:30px}.filters{padding-inline:16px}.panel-head{padding:18px}.panel-body{padding:0 18px 20px}}body[data-page=screen] .content-grid table{min-width:0;width:100%}body[data-page=screen] .content-grid th,body[data-page=screen] .content-grid td{padding:16px 18px}body[data-page=screen] .screen-log-row time{color:#7b91ae}.admin-login .login-story{background:#10243d}.admin-login .brand-mark,.admin-login .server-dot{background:#668fda}.admin-login .login-form-wrap{background:#f7f9fc}.admin-login .login-form-inner button[type=submit]{background:#284e86}.admin-login .login-form-inner button[type=submit]:hover{background:#1d3d6d}.admin-login input:focus{border-color:#668fda;box-shadow:0 0 0 3px #668fda20}.sidebar,.split-settings,.split-settings>*{min-width:0}.policy-choices{min-width:0}.policy-card{overflow-wrap:anywhere}.field input,.field select{max-width:100%}@media (max-width:1100px){.split-settings{grid-template-columns:minmax(0,1fr)}}@media (max-width:740px){.layout{grid-template-columns:minmax(0,1fr)}.nav{min-width:0;max-width:100%}.nav button{flex-shrink:0}.form-panel{padding:20px}}[hidden]{display:none!important}.policy-choices{border:0;padding:0;margin:0 0 22px}.policy-choices legend{font-weight:600;margin-bottom:12px}.choice{display:flex;gap:12px;padding:14px;border:1px solid var(--line,#dfe5ed);border-radius:12px;margin-bottom:10px;cursor:pointer}.choice input{width:auto;margin:3px 0;flex-shrink:0}.choice small{display:block;color:#778597;line-height:1.6;margin-top:5px}.policy-card{border:1px solid #dfe5ed;border-radius:16px;overflow:hidden;margin:18px 0 24px}.policy-card img{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}.policy-card>div{padding:20px}.policy-card strong{font-size:20px}.policy-card p{white-space:pre-wrap;color:#617185;line-height:1.7}.policy-card small{color:#8592a2}.policy-card+div{margin-bottom:24px}.nav a{color:#aebbd0;background:none;border:0;display:flex;align-items:center;gap:13px;text-align:left;border-radius:9px;font-weight:500;padding:12px 15px;width:100%;text-decoration:none}.nav a:hover{background:#1b2d46;color:#fff}.nav a.active{color:#fff;background:#203650}@media (max-width: 740px){.nav a{width:auto;white-space:nowrap;padding:9px 12px;flex-shrink:0}}a.stat{color:inherit;text-decoration:none;display:block;cursor:pointer}a.stat:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}a.stat:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a.stat.accent:hover{box-shadow:0 0 0 2px #4ebaa8}.progress-bar{position:fixed;top:0;left:0;right:0;height:2px;z-index:400;overflow:hidden;pointer-events:none}.progress-bar>i{display:block;height:100%;width:35%;background:var(--accent);animation:progress-slide 1s ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-120%)}to{transform:translate(400%)}}.skeleton-card,.skeleton-line{background:linear-gradient(90deg,#edf1f6 25%,#f7f9fc 37%,#edf1f6 63%);background-size:400% 100%;animation:skeleton 1.2s ease infinite;border-radius:8px}.skeleton-card{height:124px;border:1px solid var(--line)}.skeleton-line{height:14px;margin:10px 24px}.skeleton-table .skeleton-line:nth-child(1){width:40%}.skeleton-table .skeleton-line:nth-child(3){width:70%}.skeleton-table .skeleton-line:nth-child(4){width:55%}.stats-inset{margin:0 24px 24px}.skeleton-table{padding:12px 0 24px}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}.screen-alerts{display:grid;gap:10px;margin-bottom:20px}.screen-alerts .notice{margin-bottom:0}.screen-body .notice.warning{background:#3d3420;border-color:#5a4a28;color:#e2c07a}.screen-body .notice.danger{background:#4b2d3d;border-color:#6a3a4e;color:#ed9baa}.screen-log{max-height:min(36vh,360px);overflow:auto;padding:0 20px 18px}.screen-log-row{display:grid;grid-template-columns:158px 64px minmax(72px,140px) minmax(0,1fr);gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;font-family:Consolas,Microsoft YaHei,monospace}.screen-log-row:last-child{border-bottom:0}.screen-log-row time{color:var(--muted);white-space:nowrap}.screen-log-acc{color:#8eb0d0;letter-spacing:.4px}.screen-log-msg{color:var(--ink);white-space:normal;overflow-wrap:anywhere}.screen-meters{display:grid;gap:16px;padding:0 24px 22px}.meter-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;margin-bottom:7px}.meter-head strong{font-variant-numeric:tabular-nums;font-size:15px}.meter-bar{height:8px;background:#1a3048;border-radius:99px;overflow:hidden}.meter-bar>i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .35s ease}.meter-bar.warn>i{background:#d49a43}.meter-bar.hot>i{background:#ed9baa}.meter-note{color:var(--muted);font-size:11px;margin-top:6px}.screen-body .pill.amber{background:#3d3420;color:#e2c07a}@media (max-width: 1100px){.screen-log-row{grid-template-columns:1fr;gap:4px}}a.link{background:transparent;color:var(--accent);padding:4px 8px;font-weight:600}a.secondary,a.button.secondary{display:inline-flex;align-items:center;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:9px 16px;font-weight:600}