:root,[data-theme=dark]{color-scheme:dark;--bg: #0f1115;--panel: #171a21;--panel-2: #1e222b;--border: #2a2f3a;--text: #e6e9ef;--muted: #8b93a7;--accent: #f6821f;--accent-2: #4a8cff;--ok: #35c26a;--warn: #e0b400;--err: #ef4d5a;--input-bg: #11141a;--log-bg: #0b0d11;--row-hover: rgba(255, 255, 255, .03);--btn-hover-fg: #ffffff;--on-accent: #14161a;--radius: 10px}[data-theme=light]{color-scheme:light;--bg: #f4f5f8;--panel: #ffffff;--panel-2: #f1f3f7;--border: #d8dde6;--text: #1b1f27;--muted: #6a7284;--accent: #e17100;--accent-2: #2563eb;--ok: #14883f;--warn: #9a7500;--err: #d02b3a;--input-bg: #ffffff;--log-bg: #f7f8fb;--row-hover: rgba(0, 0, 0, .03);--btn-hover-fg: #1b1f27;--on-accent: #ffffff}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:14px;transition:background .15s,color .15s}a{color:var(--accent-2);text-decoration:none}button{font-family:inherit;font-size:13px;font-weight:500;line-height:1.4;cursor:pointer;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);color:var(--text);padding:7px 14px;transition:.15s}button:hover:not(:disabled){border-color:var(--accent);color:var(--btn-hover-fg)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}button.primary:hover{filter:brightness(1.08);color:var(--on-accent)}button.danger{border-color:var(--err);color:var(--err)}button.ghost{background:transparent}button.ico{padding:4px 8px;font-size:12px;line-height:1}.page-title button{padding:7px 14px;font-size:13px;font-weight:600;line-height:1.4;background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.page-title button:hover:not(:disabled){color:var(--on-accent);filter:brightness(1.08)}.page-title button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.page-title button.danger{background:var(--err);border-color:var(--err);color:#fff}.page-title button.danger:hover:not(:disabled){color:#fff;filter:brightness(1.08)}.page-title button.ghost{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.page-title button:disabled{opacity:.5}.page-title select,.page-title input:not([type=checkbox]):not([type=radio]){font-size:13px;font-weight:500;line-height:1.4;padding:7px 10px;height:auto}.page-title label{font-size:13px;margin-bottom:0}.page-title input[type=checkbox]{width:auto}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--text)}input,select,textarea{font:inherit;width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent-2)}textarea{min-height:90px;resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:5px}.layout{display:flex;height:100%}.sidebar{width:232px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px;gap:4px}.brand{font-weight:700;font-size:16px;padding:4px 8px 16px;letter-spacing:.3px}.brand span{color:var(--accent)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--muted);transition:.15s}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:#f6821f24;color:var(--accent);font-weight:600}.sidebar-foot{margin-top:auto;border-top:1px solid var(--border);padding-top:12px;font-size:12.5px;color:var(--muted)}.theme-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;color:var(--muted);border-color:var(--border)}.theme-btn:hover{color:var(--accent);border-color:var(--accent)}.theme-btn .theme-ico{font-size:13px;line-height:1}.main{flex:1;overflow:auto;padding:24px 28px 60px}.page-title{font-size:20px;font-weight:700;margin:0 0 18px;display:flex;align-items:center;gap:12px}.page-title small{font-weight:400;color:var(--muted);font-size:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:16px}.card h3{margin:0 0 14px;font-size:15px}.grid{display:grid;gap:14px}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.grid .span-2{grid-column:1 / -1}.stat{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat .k{color:var(--muted);font-size:12.5px;margin-bottom:6px}.stat .v{font-size:26px;font-weight:700}.list-table{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel-2)}.list-head,.list-row{display:grid;grid-template-columns:var(--list-cols, repeat(2, minmax(110px, 1fr))) 96px;gap:10px;align-items:center}.list-head>span{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.list-head{margin-bottom:6px}.list-head .list-op{min-width:96px}.list-row{margin-bottom:8px}.list-row:last-child{margin-bottom:0}.list-row .list-op{justify-content:flex-end;gap:6px;flex-wrap:nowrap}.list-empty{padding:8px 10px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:12.5px;background:var(--panel-2)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px}tbody tr:hover{background:var(--row-hover)}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.truncate{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid transparent}.badge.ok{background:#35c26a24;color:var(--ok);border-color:#35c26a4d}.badge.err{background:#ef4d5a24;color:var(--err);border-color:#ef4d5a4d}.badge.warn{background:#e0b40024;color:var(--warn);border-color:#e0b4004d}.badge.muted{background:#8b93a71f;color:var(--muted);border-color:var(--border)}.log{background:var(--log-bg);border:1px solid var(--border);border-radius:8px;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;height:460px;overflow:auto;white-space:pre-wrap;word-break:break-all}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.center{display:flex;align-items:center;justify-content:center;height:100%}.login-card{width:380px;text-align:center;padding:38px 30px}.err-text{color:var(--err);font-size:13px;margin-top:12px}.toast{position:fixed;right:20px;bottom:20px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px 16px;z-index:100}.progress{height:8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden;margin-top:8px}.progress.grow{flex:1;margin-top:0;min-width:90px}.progress>span{display:block;height:100%;background:var(--accent);transition:width .3s}.chart{display:flex;align-items:flex-end;gap:8px;height:190px;padding:6px 2px 0}.chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:0}.chart-bars{flex:1;display:flex;align-items:flex-end;gap:3px;width:100%;justify-content:center}.chart-bars .bar{width:10px;border-radius:3px 3px 0 0;min-height:2px;transition:height .3s}.chart-bars .bar.ok{background:var(--ok)}.chart-bars .bar.err{background:var(--err)}.chart-label{font-size:11px;color:var(--muted);margin-top:6px;white-space:nowrap}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bar-row .badge{min-width:74px;text-align:center}.legend{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.legend .dot{width:9px;height:9px;border-radius:3px;display:inline-block}.legend .dot.ok{background:var(--ok)}.legend .dot.err{background:var(--err)}.proxy-results{margin-top:12px;max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:8px}.proxy-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-bottom:1px solid var(--border);font-size:12.5px}.proxy-row:last-child{border-bottom:none}.proxy-row .badge{min-width:46px;text-align:center}.proxy-row .truncate{max-width:340px}.theme-seg{display:flex;gap:4px;margin-bottom:10px}.theme-seg button{flex:1;padding:6px 4px;font-size:12px;background:transparent;color:var(--muted)}.theme-seg button.active{background:#f6821f24;color:var(--accent);border-color:var(--accent)}.theme-seg button span{display:block;line-height:1.2}a.btn-link{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--border);color:var(--accent);text-decoration:none;font-size:13px}a.btn-link:hover{border-color:var(--accent)}