:root,:root[data-theme=dark]{--bg:#070b16;--bg-glow-1:rgba(37,99,235,0.16);--bg-glow-2:rgba(14,165,233,0.08);--panel:#0d1424;--panel-2:#121b30;--line:#1e2a44;--line-soft:#172136;--text:#e8edf7;--text-2:#b8c4dc;--muted:#7d8db0;--accent:#3b82f6;--accent-soft:rgba(59,130,246,0.14);--accent-line:rgba(59,130,246,0.42);--ok:#22c55e;--ok-soft:rgba(34,197,94,0.14);--warn:#f59e0b;--warn-soft:rgba(245,158,11,0.14);--err:#ef4444;--err-soft:rgba(239,68,68,0.12);--err-line:rgba(239,68,68,0.42);--shadow:0 1px 2px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.28);--radius:16px;--radius-sm:10px}:root[data-theme=light]{--bg:#f4f6fb;--bg-glow-1:rgba(37,99,235,0.1);--bg-glow-2:rgba(14,165,233,0.06);--panel:#ffffff;--panel-2:#f7f9fd;--line:#e2e8f2;--line-soft:#eef1f7;--text:#0f172a;--text-2:#334155;--muted:#64748b;--accent:#2563eb;--accent-soft:rgba(37,99,235,0.09);--accent-line:rgba(37,99,235,0.35);--ok:#16a34a;--ok-soft:rgba(22,163,74,0.1);--warn:#d97706;--warn-soft:rgba(217,119,6,0.1);--err:#dc2626;--err-soft:rgba(220,38,38,0.08);--err-line:rgba(220,38,38,0.3);--shadow:0 1px 2px rgba(15,23,42,0.05),0 8px 24px rgba(15,23,42,0.06)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;background-image:radial-gradient(900px 420px at 22% -10%,var(--bg-glow-1),transparent 70%),radial-gradient(700px 360px at 88% 0,var(--bg-glow-2),transparent 70%);background-attachment:fixed;background-repeat:no-repeat}a{color:inherit;text-decoration:none}.nav{display:flex;align-items:center;gap:2px;padding:0 24px;height:64px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.nav .brand{font-weight:800;font-size:16px;letter-spacing:-.02em;margin-right:28px;white-space:nowrap}.nav .tab{display:flex;align-items:center;gap:7px;height:63px;padding:0 16px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;transition:color .15s,background .15s}.nav .tab:hover{color:var(--text-2)}.nav .tab.on{color:var(--accent);border-bottom-color:var(--accent);background:linear-gradient(to bottom,transparent,var(--accent-soft))}.nav .sp{flex:1 1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text-2);cursor:pointer;padding:0;transition:border-color .15s,color .15s}.icon-btn:hover{color:var(--accent);border-color:var(--accent-line)}.wrap{max-width:1180px;margin:0 auto;padding:28px 24px 40px}.foot{text-align:center;color:var(--muted);font-size:12px;padding:24px 16px 40px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:22px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.badge-icon{flex:none;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent)}.badge-icon.ok{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok)}.badge-icon.warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--warn)}.badge-icon.err{background:var(--err-soft);border-color:var(--err-line);color:var(--err)}.card-title{font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0}.card-sub{font-size:13px;margin:2px 0 0}.card-sub,.empty{color:var(--muted)}.empty{border:1px dashed var(--line);border-radius:var(--radius-sm);padding:44px 20px;text-align:center}.empty .ico{color:var(--muted);opacity:.55;margin-bottom:10px}.empty .t{color:var(--text-2);font-weight:600}.empty .s{font-size:12.5px;margin-top:3px}.tbl-wrap{overflow-x:auto;border:1px solid var(--line-soft);border-radius:var(--radius-sm)}table{width:100%;border-collapse:collapse;min-width:560px}td,th{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.02em;background:var(--panel-2);white-space:nowrap}tbody tr:last-child td{border-bottom:none}input,select,tbody tr:hover td,textarea{background:var(--panel-2)}input,select,textarea{border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:10px 12px;font-family:inherit;font-size:13.5px;width:100%;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}label.field{display:block;margin-bottom:14px}label.field .lb{display:block;color:var(--text-2);font-size:12.5px;font-weight:600;margin-bottom:6px}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:25px;border-radius:999px;background:var(--line);border:1px solid var(--line);position:relative;cursor:pointer;flex:none;transition:background .18s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:transform .18s,background .18s}.switch:checked{background:var(--accent);border-color:var(--accent)}.switch:checked:after{transform:translateX(19px);background:#fff}button{background:var(--accent);color:#fff;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .15s,background .15s,border-color .15s;white-space:nowrap}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{opacity:.42;cursor:not-allowed}button.outline{background:transparent;border-color:var(--accent-line);color:var(--accent)}button.outline:hover:not(:disabled){background:var(--accent-soft);filter:none}button.ghost{background:transparent;border-color:var(--line);color:var(--muted)}button.ghost:hover:not(:disabled){color:var(--text-2);border-color:var(--muted);filter:none}button.danger{background:transparent;border-color:var(--err-line);color:var(--err)}button.danger:hover:not(:disabled){background:var(--err-soft);filter:none}button.sm{padding:6px 11px;font-size:12.5px}button.link{background:none;border:none;color:var(--accent);padding:0;font-weight:600}button.link:hover{text-decoration:underline;filter:none}.row{display:flex;gap:10px;align-items:center}.row.wrap2{flex-wrap:wrap}.row.top{align-items:flex-start}.grow{flex:1 1;min-width:0}.muted{color:var(--muted)}.mono{font-family:ui-monospace,Cascadia Mono,Menlo,Consolas,monospace;letter-spacing:.02em}.err{color:var(--err)}.ok{color:var(--ok)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;border:1px solid transparent}.pill.blue{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.pill.green{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.pill.amber{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.pill.red{background:var(--err-soft);color:var(--err);border-color:var(--err-line)}.pill.gray{background:var(--line-soft);color:var(--muted);border-color:var(--line)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.dot.off{background:var(--muted);opacity:.5}.toast{position:fixed;right:22px;bottom:22px;z-index:50;background:var(--panel-2);border:1px solid var(--accent-line);color:var(--text);padding:12px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow);animation:rise .18s ease-out}.toast.bad{border-color:var(--err-line)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.bubble{max-width:74%;padding:9px 13px;border-radius:14px;font-size:13.5px;white-space:pre-wrap;word-break:break-word}.bubble.in{background:var(--panel-2);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble.out{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.bubble-row{display:flex;margin-bottom:4px}.bubble-row.out{justify-content:flex-end}.bubble-time{font-size:10.5px;color:var(--muted);align-self:flex-end;margin:0 6px 2px;white-space:nowrap}@media (max-width:640px){.wrap{padding:18px 14px 32px}.card{padding:18px}.nav{padding:0 12px}.nav .brand{margin-right:10px}.nav .tab{padding:0 10px}.nav .tab span{display:none}}