:root{--bg:#F5F4F1;--surface:#FFFFFF;--surface-2:#FAFAF8;--surface-3:#F0EFEB;--border:#E3E0D9;--border-soft:#EDEBE5;--text:#232128;--text-2:#6C6979;--text-3:#9B98A6;--accent:#5B4FD6;--accent-2:#4A3FC4;--accent-soft:#EEECFC;--accent-line:#CFC9F7;--success:#0E8F63;--success-soft:#E4F4ED;--warning:#A75F0B;--warning-soft:#FBF0DF;--danger:#C93A4C;--danger-soft:#FBEAEC;--sans:"Inter",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--shadow:0 1px 2px rgba(35,33,40,.05), 0 8px 24px -12px rgba(35,33,40,.14)}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d8d5ce;border-radius:5px;border:3px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}#login{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 500px at 50% -10%,#EEECFC 0%,transparent 60%),var(--bg)}.login-card{width:min(400px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:32px 30px;box-shadow:var(--shadow)}.brand-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(140deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;color:#fff;margin-bottom:12px}.brand-name{font-size:12.5px;color:var(--text-2);margin-bottom:22px}.login-card h2{margin:0 0 6px;font-size:20px;font-weight:600}.login-sub{font-size:12.5px;color:var(--text-2);margin:0 0 20px}.login-sub b{color:var(--text);font-weight:600}label{display:block;font-size:11.5px;color:var(--text-2);margin-bottom:6px;font-weight:500}.text-input,.select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--text);font-size:13px;margin-bottom:14px}.text-input:focus,.select:focus{border-color:var(--accent)}.code-row{display:flex;gap:8px;margin-bottom:18px}.code-box{width:40px;height:46px;text-align:center;font-family:var(--mono);font-size:17px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text)}.demo-accounts{margin-top:20px;padding-top:18px;border-top:1px dashed var(--border)}.demo-label{font-size:11px;color:var(--text-3);margin-bottom:9px}.demo-btn{display:block;width:100%;text-align:left;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;padding:9px 12px;margin-bottom:7px;cursor:pointer;transition:border-color .15s,background .15s}.demo-btn:hover{border-color:var(--accent-line);background:var(--accent-soft)}.demo-btn .dn{font-size:12.5px;color:var(--text);font-weight:500}.demo-btn .dr{font-size:11px;color:var(--text-2);font-family:var(--mono);margin-top:1px}.btn{font-size:12.5px;font-weight:500;padding:7px 13px;border-radius:7px;border:1px solid var(--border);color:var(--text-2);background:var(--surface);cursor:pointer;transition:.14s}.btn:hover{color:var(--text);border-color:#cfccc4}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn.sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.full{width:100%;padding:11px;font-size:13px}.link-btn{background:none;border:none;color:var(--text-2);font-size:12.5px;cursor:pointer;padding:6px 0 0}.link-btn:hover{color:var(--accent)}#shell{display:flex;flex-direction:column;height:100%}.topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;background:var(--surface);border-bottom:1px solid var(--border)}.tb-left{display:flex;align-items:center;gap:11px}.tb-logo{width:26px;height:26px;border-radius:7px;background:linear-gradient(140deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.tb-name{font-size:14px;font-weight:600}.tb-right{display:flex;align-items:center;gap:12px;position:relative}.who{text-align:right;line-height:1.3}.who-n{font-size:12.5px;font-weight:500}.who-r{font-size:11px;color:var(--text-3);font-family:var(--mono)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.menu-pop{position:absolute;top:40px;right:0;width:180px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px;box-shadow:var(--shadow);z-index:150}.mp-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text-2);font-size:12.5px;padding:7px 9px;border-radius:6px;cursor:pointer}.mp-item:hover{background:var(--surface-3);color:var(--text)}.body{flex:1;display:flex;min-height:0}.side{width:194px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:14px 10px;overflow-y:auto}.side-group{font-size:10.5px;color:var(--text-3);padding:12px 10px 6px;letter-spacing:.05em;font-weight:500}.nav{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;color:var(--text-2);font-size:13px;cursor:pointer;margin-bottom:1px;transition:.14s}.nav:hover{background:var(--surface-3);color:var(--text)}.nav.on{background:var(--accent-soft);color:var(--accent);font-weight:500}.nav .ic{width:15px;text-align:center;font-size:12px;opacity:.8}.main{flex:1;overflow-y:auto;padding:0 0 60px}.ctx{background:var(--accent-soft);border-bottom:1px solid var(--accent-line);padding:9px 26px;font-size:12.5px;color:var(--accent-2);display:flex;align-items:center;justify-content:space-between;gap:12px}.ctx b{font-weight:600}.inner{padding:24px 26px}.ph{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.ph h1{margin:0;font-size:19px;font-weight:600}.pd{font-size:13px;color:var(--text-2);margin:0 0 18px;max-width:680px}.pd b{color:var(--text);font-weight:500}.back{display:inline-block;font-size:12.5px;color:var(--text-2);cursor:pointer;margin-bottom:12px}.back:hover{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:11px;overflow:hidden}.card+.card{margin-top:16px}.card-h{padding:13px 16px;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:500;flex-wrap:wrap}.card-h .sub{font-size:11.5px;color:var(--text-3);font-weight:400;font-family:var(--mono)}.card-b{padding:16px}.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:560px}th{text-align:left;color:var(--text-3);font-weight:500;font-size:11.5px;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border-soft);white-space:nowrap}td{padding:12px 14px;border-bottom:1px solid var(--border-soft);color:var(--text-2);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .13s}tbody tr:hover{background:var(--surface-2)}.pc{color:var(--text);font-weight:500}.mc{font-family:var(--mono);font-size:11.5px}.empty{text-align:center;padding:30px;color:var(--text-3)}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 9px;border-radius:20px;white-space:nowrap;font-weight:500}.tag.ok{background:var(--success-soft);color:var(--success)}.tag.info{background:var(--accent-soft);color:var(--accent)}.tag.warn{background:var(--warning-soft);color:var(--warning)}.tag.bad{background:var(--danger-soft);color:var(--danger)}.tag.mute{background:var(--surface-3);color:var(--text-3)}.a{color:var(--accent);cursor:pointer;font-weight:500}.a:hover{text-decoration:underline}.a.bad{color:var(--danger)}@keyframes fl{0%{background:var(--accent-soft)}to{background:transparent}}.flash{animation:fl 1.7s ease}.bar{width:82px;height:5px;border-radius:3px;background:var(--surface-3);overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}.bar i{display:block;height:100%;background:var(--success);transition:width .35s}.bar.w i{background:var(--warning)}.bar.f i{background:var(--danger)}.cap{display:flex;align-items:center}.sw{position:relative;display:inline-block;width:38px;height:21px;cursor:pointer;vertical-align:middle}.sw input{opacity:0;width:0;height:0}.sl{position:absolute;top:0;right:0;bottom:0;left:0;background:#d6d3cc;border-radius:21px;transition:.2s}.sl:before{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px #0003}.sw input:checked+.sl{background:var(--accent)}.sw input:checked+.sl:before{transform:translate(17px)}.sw.dis{opacity:.4;cursor:not-allowed}.cb{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:12.5px}.cb:hover{background:var(--surface-2)}.cb input{margin-top:2px;accent-color:var(--accent);width:15px;height:15px}.cb.locked{opacity:.45;cursor:not-allowed}.cb .cbn{color:var(--text)}.cb .cbd{font-size:11px;color:var(--text-3);margin-top:1px}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:2px}.kpis{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:16px}.kpi{flex:1;min-width:158px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:15px 17px}.kl{font-size:11.5px;color:var(--text-3);margin-bottom:6px}.kv{font-family:var(--mono);font-size:21px;color:var(--text);line-height:1.2}.ks{font-size:11px;color:var(--text-3);margin-top:5px}.kpi.w .kv{color:var(--warning)}.pools{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:16px}.pool{flex:1;min-width:196px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:15px 16px}.pool.on{border-color:var(--accent-line);background:linear-gradient(var(--accent-soft),var(--accent-soft)) padding-box}.pool.full{opacity:.72}.pt{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.pn{font-size:12.5px;font-weight:600}.pb{font-family:var(--mono);font-size:10.5px;color:var(--text-3);margin-bottom:10px;word-break:break-all}.pf{font-family:var(--mono);font-size:10.5px;color:var(--text-3);margin-top:9px;line-height:1.7}.lcard{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:16px 18px;margin-bottom:12px}.lct{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.lcn{font-size:14px;font-weight:600}.lcu{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:13px}.lcu .u{font-family:var(--mono);font-size:13px;color:var(--accent);word-break:break-all}.lcm{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:var(--text-3)}.lcm b{display:block;font-family:var(--mono);font-size:14px;color:var(--text);font-weight:600;margin-bottom:1px}.hero{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:11px;padding:17px 19px;margin-bottom:18px}.hl{font-size:11.5px;color:var(--accent-2);margin-bottom:9px}.hu{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:13px}.hu .u{font-family:var(--mono);font-size:15px;color:var(--text);word-break:break-all}.hs{display:flex;gap:22px;flex-wrap:wrap;font-size:11.5px;color:var(--text-2)}.hs b{color:var(--text);font-family:var(--mono);font-size:13px;margin-right:3px}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border-soft);flex-wrap:wrap}.pg-info{font-size:12px;color:var(--text-3)}.pg-info b{color:var(--text);font-weight:600;font-family:var(--mono)}.pg-ctrl{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pg-btn{min-width:30px;height:30px;padding:0 9px;border:1px solid var(--border);background:var(--surface);border-radius:7px;font-size:12.5px;color:var(--text-2);cursor:pointer}.pg-btn:hover:not(:disabled){border-color:var(--accent-line);color:var(--accent)}.pg-btn.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pg-btn:disabled{opacity:.38;cursor:not-allowed}.pg-gap{color:var(--text-3);padding:0 3px;font-size:12px}.pg-size{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:6px 8px;font-size:12px;color:var(--text)}.devnote details{margin:0}.devnote summary{list-style:none;cursor:pointer}.devnote summary::-webkit-details-marker{display:none}.devnote summary .caret{margin-left:auto;font-size:11px;transition:transform .18s}.devnote details[open] summary .caret{transform:rotate(90deg)}.devnote details>*:not(summary){margin-top:9px}.devnote{border:1px dashed #C9A227;background:#fdf8e7;border-radius:9px;padding:13px 16px;font-size:12.5px;color:#6b5310;line-height:1.75;margin-bottom:16px}.devnote .dh{display:flex;align-items:center;gap:7px;font-weight:600;color:#8a6a12;margin-bottom:7px}.devnote .dtag{background:#c9a227;color:#fff;font-size:10.5px;padding:2px 8px;border-radius:5px;font-weight:600;letter-spacing:.03em}.devnote ul{margin:6px 0 0;padding-left:18px}.devnote li{margin-bottom:4px}.devnote b{color:#4a3a08}.devnote table{min-width:0;width:auto;margin-top:8px;border:1px solid #E6D9A8;border-radius:6px;overflow:hidden}.devnote th{background:#f7efd5;color:#6b5310;font-size:11.5px;padding:6px 12px;border-bottom:1px solid #E6D9A8}.devnote td{padding:6px 12px;color:#6b5310;font-size:11.5px;border-bottom:1px solid #F0E6C8}.devnote tr:last-child td{border-bottom:none}.note{display:flex;gap:9px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:9px;padding:12px 14px;font-size:12.5px;color:var(--text-2);line-height:1.65;margin-top:14px}.note.w{background:var(--warning-soft);border-color:#f0dfc3;color:#7a4a0c}.note.b{background:var(--danger-soft);border-color:#f3d3d8;color:#962c3b}.note b{color:inherit;font-weight:600}.ni{width:17px;height:17px;border-radius:50%;background:var(--text-3);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.note.w .ni{background:var(--warning)}.note.b .ni{background:var(--danger)}.flow{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:9px;padding:16px 18px;font-family:var(--mono);font-size:12px;line-height:1.95;color:var(--text-2);overflow-x:auto;white-space:pre}.flow .h{color:var(--text);font-weight:500}.flow .g{color:var(--success)}.flow .p{color:var(--accent)}.flow .r{color:var(--danger)}.flow .m{color:var(--text-3)}.tl{width:238px;flex-shrink:0}.ts{display:flex;gap:11px;padding-bottom:17px;position:relative}.ts:not(:last-child):before{content:"";position:absolute;left:5px;top:15px;bottom:0;width:1px;background:var(--border)}.td{width:11px;height:11px;border-radius:50%;background:var(--success);flex-shrink:0;margin-top:3px;box-shadow:0 0 0 3px var(--success-soft)}.td.p{background:#cfccc4;box-shadow:0 0 0 3px var(--surface-3)}.td.r{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.tt{font-size:12.5px;color:var(--text)}.tm{font-size:11px;font-family:var(--mono);color:var(--text-3);margin-top:1px}.dgrid{display:flex;gap:20px;flex-wrap:wrap}.dlog{flex:1;min-width:250px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:9px;padding:15px 17px;font-family:var(--mono);font-size:12px;line-height:1.95}.dlog>div{display:flex;justify-content:space-between;gap:10px}.dlog .k{color:var(--text-3)}.dlog .v{color:var(--text)}.dlog .g{color:var(--success)}.dlog .r{color:var(--danger)}.dlog .m{color:var(--text-3)}.steps{display:flex;margin-bottom:20px}.step{flex:1;padding:0 14px 11px 0;border-bottom:2px solid var(--border);font-size:12px;color:var(--text-3);transition:.15s}.step.on{border-color:var(--accent);color:var(--accent)}.step.dn{color:var(--text-2);border-color:var(--accent-line)}.step .n{font-family:var(--mono);font-size:11px;margin-right:6px}.drop{border:1px dashed var(--border);border-radius:9px;padding:32px 20px;text-align:center;color:var(--text-3);font-size:12.5px;background:var(--surface-2);cursor:pointer}.drop:hover{border-color:var(--accent);color:var(--text-2)}.acts{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.hint{font-size:12px;color:var(--text-3);margin:0 0 10px}.kv-box{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:9px;padding:4px 15px;font-size:12.5px;margin-bottom:14px}.kv-box>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-soft)}.kv-box>div:last-child{border-bottom:none}.kv-box .k{color:var(--text-3);flex-shrink:0}.kv-box .v{color:var(--text);font-family:var(--mono);text-align:right;word-break:break-all}.chart{display:flex;align-items:flex-end;gap:10px;height:150px}.col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.cb2{width:100%;max-width:46px;background:linear-gradient(180deg,#7C71E4,var(--accent));border-radius:5px 5px 0 0;min-height:2px}.cv{font-family:var(--mono);font-size:10.5px;color:var(--text-2)}.cl{font-family:var(--mono);font-size:10px;color:var(--text-3)}.filters{display:flex;gap:9px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.chip{font-size:11.5px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);padding:6px 11px;border-radius:7px}.sel-inline{background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:6px 10px;font-size:12px;color:var(--text)}.ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#23212857;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.modal{background:var(--surface);border-radius:13px;padding:22px 24px;width:min(460px,94vw);max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #23212840}.modal h3{margin:0 0 15px;font-size:15.5px;font-weight:600}.modal.wide{width:min(620px,94vw)}.toast{position:fixed;bottom:22px;right:22px;background:var(--text);color:#fff;padding:11px 17px;border-radius:9px;font-size:12.5px;box-shadow:0 12px 30px #23212840;opacity:0;transform:translateY(8px);transition:.24s;z-index:300;pointer-events:none;max-width:340px}.toast.on{opacity:1;transform:translateY(0)}@media (max-width:820px){.body{flex-direction:column}.side{width:100%;display:flex;overflow-x:auto;white-space:nowrap;border-right:none;border-bottom:1px solid var(--border);padding:8px}.side-group{display:none}.nav{flex-shrink:0;margin-right:4px;margin-bottom:0}.inner{padding:18px 16px}.who{display:none}.dgrid{flex-direction:column}.tl{width:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}