:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#191c20;background:#f9f9ff;font-synthesis:none;--bg:#f9f9ff;--surface:#fff;--subtle:#ededf4;--line:#d9dce5;--primary:#415f91;--onprimary:#fff;--container:#d6e3ff;--muted:#626775;--error:#b3261e;--green:#267653;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:24px;padding:12px 21px;color:var(--primary);background:var(--container);font-weight:600;transition:filter .15s}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--primary);color:var(--onprimary)}button.ghost{background:transparent}button.danger{background:#ffdad6;color:#8c1d18}button.small{padding:8px 14px;font-size:13px}a{color:var(--primary)}input,select,textarea{border:1px solid var(--line);border-radius:10px;background:var(--surface);color:inherit;padding:13px;width:100%;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:1px}textarea{min-height:90px;resize:vertical}label{display:grid;gap:7px;color:var(--muted);font-size:13px}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.6px}h2{font-size:20px;margin-bottom:8px}h3{font-size:16px}small,.muted{color:var(--muted)}.app{max-width:1160px;margin:auto;padding:0 40px 125px}.top{display:flex;align-items:center;justify-content:space-between;height:100px;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:40px;height:40px}.top .muted{font-size:12px;margin-top:3px}.status{font-size:12px;display:flex;align-items:center;gap:7px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.toolbar input{flex:1;min-width:180px}.toolbar select{width:auto;min-width:130px}.spacer{flex:1}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:18px;min-width:0}.hero{background:var(--container);color:#284777;border:0;padding:25px}.hero .value{font-size:48px;font-weight:650;line-height:1.2;margin-top:10px}.stat{border:0;background:#dde2f0}.stat.alt{background:#efdbed}.stat .value{font-size:32px;font-weight:650;margin-top:10px}.stat-label{font-size:13px;opacity:.85}.section{margin:30px 0 16px}.list{display:grid;gap:13px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.name{display:flex;align-items:center;gap:12px;min-width:0}.avatar{height:44px;width:44px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:var(--container);color:var(--primary);font-size:20px;font-weight:600}.badge{font-size:11px;color:var(--green);background:#def2e5;padding:5px 9px;border-radius:10px;white-space:nowrap}.badge.off{color:#8c1d18;background:#ffdad6}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;gap:10px}.metrics strong{display:block;font-size:23px;font-weight:600;margin-bottom:4px}.metrics small{font-size:12px}.actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.empty{border:1px dashed var(--line);border-radius:18px;text-align:center;padding:46px 20px;color:var(--muted);line-height:1.9}.empty b{display:block;color:inherit;font-size:18px}.nav{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 32px));display:flex;justify-content:space-around;padding:10px;background:var(--subtle);border:1px solid var(--line);border-radius:26px;box-shadow:0 8px 35px #26344c12;z-index:5}.nav button{display:grid;justify-items:center;gap:5px;padding:4px 14px;background:transparent;color:var(--muted);font-size:12px;flex:1}.nav .navicon{display:grid;place-items:center;border-radius:18px;width:58px;height:31px;font-size:19px}.nav .active{color:var(--primary)}.nav .active .navicon{background:var(--container)}.code{font-family:Consolas,monospace;overflow-wrap:anywhere;font-size:14px}.sub{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.7}.form{display:grid;gap:17px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}.login{max-width:410px;margin:12vh auto 40px;padding:28px}.login .logo{width:72px;margin-bottom:25px}.login h1{font-size:30px;margin-bottom:8px}.login p{color:var(--muted);line-height:1.6;margin-bottom:30px}.login button{width:100%;margin-top:6px}.server-label{margin-top:25px;text-align:center;font-size:12px;color:var(--muted);overflow-wrap:anywhere}dialog{border:1px solid var(--line);background:var(--bg);color:inherit;border-radius:24px;padding:28px;width:min(640px,calc(100% - 24px));max-height:88vh;overflow:auto}dialog::backdrop{background:#141e3659;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{margin:0}.dialog-head button{padding:6px 12px;font-size:22px}.tabs{display:flex;gap:4px;background:var(--subtle);padding:4px;border-radius:24px;margin-bottom:22px}.tabs button{flex:1;background:transparent;padding:11px 9px;font-size:13px}.tabs .selected{background:var(--container)}.form-note{font-size:12px;line-height:1.7;color:var(--muted)}.switch{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:inherit}.switch input{width:20px;height:20px;accent-color:var(--primary)}.divider{height:1px;background:var(--line);margin:18px 0}.setting{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:20px}.setting select{width:150px}.error{color:var(--error);font-size:13px;min-height:18px}.progress{height:6px;width:100%;accent-color:var(--primary)}#toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%);border-radius:12px;background:#2e3036;color:#fff;max-width:90%;padding:13px 22px;z-index:20;box-shadow:0 4px 15px #0002;display:none;white-space:pre-wrap}.block{display:block;width:100%}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px}.detail-header{margin-bottom:22px}.key{padding:14px;background:var(--subtle);border-radius:12px;margin:8px 0;font-size:13px}.danger-zone{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.loading{padding:70px;text-align:center;color:var(--muted)}body.dark{--bg:#111318;--surface:#191c20;--subtle:#252930;--line:#424750;--primary:#aac7ff;--onprimary:#102f60;--container:#284777;--muted:#aeb4c0;color:#e2e2e9;color-scheme:dark}.dark .hero{color:#d6e3ff}.dark .stat{background:#333d50}.dark .stat.alt{background:#4d384a}.dark .badge{background:#1d4430;color:#a3d9b7}.dark .badge.off{background:#582b29;color:#ffb4ab}@media(max-width:600px){.app{padding:0 16px 110px}.top{height:82px}.brand img{width:34px;height:34px}h1{font-size:22px}.status span:last-child{display:none}.card{padding:18px}.hero{padding:22px}.hero .value{font-size:38px}.grid{gap:12px}.nav{bottom:0;width:100%;border-radius:0;border:0;padding:10px 8px max(12px,env(safe-area-inset-bottom));box-shadow:none}.nav button{padding:0;font-size:11px}.nav .navicon{height:30px;width:56px}.fields{grid-template-columns:1fr}.login{margin:7vh auto 20px;padding:26px}.metrics strong{font-size:21px}.metrics{gap:5px}.toolbar{gap:8px}.toolbar select{min-width:110px}.toolbar button{padding:11px 16px}.row.wrap{align-items:flex-start;flex-wrap:wrap}dialog{padding:21px}.actions button{font-size:12px;padding:8px 12px}.top .muted{font-size:11px}}

.stats-grid{margin-top:12px}