:root{--bg:#0e1117;--bg-panel:#161b24;--bg-elev:#1d232e;--bg-hover:#232a37;--border:#2a323f;--text:#e6ebf2;--text-dim:#8b96a8;--text-mute:#5f6b7d;--accent:#2f6bff;--accent-hover:#4a7fff;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--radius:8px;--sidebar-w:216px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;outline:none;width:100%;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:76px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.layout{height:100%;display:flex}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.brand{letter-spacing:.3px;border-bottom:1px solid var(--border);padding:18px 18px 14px;font-size:16px;font-weight:600}.brand span{color:var(--accent)}.nav{padding:10px 8px}.nav-group{color:var(--text-mute);letter-spacing:.8px;text-transform:uppercase;padding:12px 10px 6px;font-size:11px}.nav a{color:var(--text-dim);border-radius:6px;align-items:center;gap:9px;margin:1px 0;padding:8px 10px;font-size:13.5px;display:flex}.nav a:hover{background:var(--bg-hover);color:var(--text)}.nav a.active{background:var(--accent);color:#fff}.nav a .ico{text-align:center;width:17px;font-style:normal}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--bg-panel);flex:0 0 54px;justify-content:space-between;align-items:center;height:54px;padding:0 20px;display:flex}.topbar h1{margin:0;font-size:15px;font-weight:600}.topbar .who{color:var(--text-dim);align-items:center;gap:12px;font-size:13px;display:flex}.badge-role{background:var(--bg-elev);border:1px solid var(--border);color:var(--amber);border-radius:99px;padding:2px 9px;font-size:11.5px}.content{flex:1;padding:20px;overflow:auto}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px}.card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.card-head h2{margin:0;font-size:14px;font-weight:600}.card-body{padding:16px}.grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:15px 16px}.stat .k{color:var(--text-dim);margin-bottom:7px;font-size:12.5px}.stat .v{font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.stat .sub{color:var(--text-mute);margin-top:5px;font-size:12px}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.field{flex-direction:column;gap:5px;min-width:150px;display:flex}.field>label{color:var(--text-dim);font-size:12.5px}.hint{color:var(--text-mute);font-size:11.5px}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field-row>.field{flex:180px}.check{color:var(--text-dim);align-items:center;gap:7px;font-size:13px;display:flex}.check input{width:auto}.btn{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);white-space:nowrap;border-radius:6px;padding:8px 14px}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{border-color:var(--red);color:var(--red);background:0 0}.btn-danger:hover:not(:disabled){background:#ef44441f}.btn-sm{padding:4px 10px;font-size:12.5px}.btn-ghost{color:var(--accent);background:0 0;border-color:#0000;padding:4px 6px}.btn-ghost:hover:not(:disabled){background:var(--bg-hover)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px}th{color:var(--text-dim);background:var(--bg-elev);font-size:12.5px;font-weight:500;position:sticky;top:0}tbody tr:hover{background:var(--bg-hover)}tbody tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.pager{border-top:1px solid var(--border);color:var(--text-dim);align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.pager .sp{flex:1}.pill{border:1px solid var(--border);border-radius:99px;padding:2px 9px;font-size:12px;display:inline-block}.pill-on{color:var(--green);background:#22c55e1a;border-color:#22c55e66}.pill-off{color:var(--text-mute)}.pill-warn{color:var(--amber);background:#f59e0b1a;border-color:#f59e0b66}.pill-err{color:var(--red);background:#ef44441a;border-color:#ef444466}.empty{text-align:center;color:var(--text-mute);padding:40px}.mask{z-index:50;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:100%;max-width:560px;max-height:88vh;display:flex}.modal.wide{max-width:820px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.modal-head h3{margin:0;font-size:15px}.modal-body{padding:18px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.x{color:var(--text-dim);background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.x:hover{color:var(--text)}.toasts{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--bg-elev);border:1px solid var(--border);border-left-width:3px;border-radius:6px;min-width:240px;max-width:400px;padding:11px 15px;font-size:13.5px;box-shadow:0 8px 24px #0006}.toast.ok{border-left-color:var(--green)}.toast.err{border-left-color:var(--red)}.alert{border-radius:6px;margin-bottom:14px;padding:11px 14px;font-size:13.5px}.alert-err{color:#ffb4b4;background:#ef44441f;border:1px solid #ef444459}.alert-info{color:#a9c4ff;background:#2f6bff1a;border:1px solid #2f6bff4d}.spinner{text-align:center;color:var(--text-mute);padding:34px}.code{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-all;border-radius:6px;max-height:260px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;overflow:auto}.login-wrap{justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.login-box{width:100%;max-width:360px}.login-box .logo{text-align:center;margin-bottom:6px;font-size:22px;font-weight:600}.login-box .logo span{color:var(--accent)}.login-box .tag{text-align:center;color:var(--text-mute);margin-bottom:26px;font-size:13px}.login-box .card-body{padding:22px}.login-box .field{margin-bottom:14px}.login-box .btn{width:100%;padding:10px}@media (width<=820px){.layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex:none;width:100%}.nav{flex-wrap:wrap;gap:4px;display:flex}.nav-group{width:100%;padding:8px 10px 2px}.nav a{margin:0}.content{padding:14px}}