:root{--ac: #e0894a;--ac-rgb: 224, 137, 74;--rp: 9px;--bg: #0c0e11;--bg-side: #0a0c0f;--bg-card: #101318;--bg-input: #101317;--bg-thead: #0d1013;--bg-hover: #171b20;--bg-row-hover: #14181d;--bd: #191d22;--bd-input: #22272e;--bd-btn: #262c34;--bd-sm: #2a313a;--bd-row: #15181d;--tx: #e7e9ec;--tx-strong: #f2f4f6;--tx-2: #8b929b;--tx-3: #6a727c;--tx-4: #5f6772;--tx-th: #737a84;--green: #5fce7d;--green-dot: #46c46a;--red: #ef6b76;--warn: #e0a84a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg)}body{font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--tx)}#root{height:100vh}::placeholder{color:var(--tx-4)}button{font-family:inherit}input,select,textarea{font-family:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--ac)!important;box-shadow:0 0 0 3px rgba(var(--ac-rgb),.14)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#242a31;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#2f363e}::-webkit-scrollbar-track{background:transparent}a{color:var(--ac);text-decoration:none}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236a727c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px!important}.btn-primary{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;border-radius:9px;border:none;background:var(--ac);color:#0a1020;font:600 13px Geist;cursor:pointer}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:default;filter:none}.btn-primary.sm{height:30px;padding:0 12px;border-radius:7px;font:600 12px Geist}.btn-secondary{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:9px;border:1px solid var(--bd-btn);background:#14181d;color:#cfd4da;font:600 13px Geist;cursor:pointer}.btn-secondary:hover{background:#1a1f25}.btn-secondary.sm{height:30px;padding:0 12px;border-radius:7px;border-color:var(--bd-sm);background:var(--bg-hover);font:600 12px Geist}.btn-secondary.sm:hover{background:#1d232b}.btn-ghost{height:36px;padding:0 13px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--tx-2);font:600 13px Geist;cursor:pointer}.btn-ghost:hover{color:var(--tx);background:var(--bg-hover)}.btn-danger-outline{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:9px;border:1px solid rgba(239,107,118,.35);background:transparent;color:var(--red);font:600 13px Geist;cursor:pointer}.btn-danger-outline:hover{background:#ef6b761a}.btn-danger-outline.sm{height:30px;padding:0 13px;border-radius:7px;font:600 12px Geist}.icon-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bd-sm);background:transparent;color:var(--tx-2);border-radius:7px;cursor:pointer}.icon-btn:hover{color:var(--tx);background:#1b2028}.icon-btn.danger:hover{color:var(--red);border-color:#ef6b7666;background:#ef6b761a}.icon-btn.borderless{border:none;width:24px;height:24px;border-radius:6px;color:var(--tx-4)}.icon-btn.borderless:hover{background:#1b2028;color:#cfd4da}.input{width:100%;height:36px;padding:0 12px;border:1px solid var(--bd-input);background:var(--bg-input);color:var(--tx);border-radius:9px;font:13px Geist}.input.with-icon{padding-left:34px}.select{height:36px;border:1px solid var(--bd-input);background:var(--bg-input);color:#cfd4da;border-radius:9px;padding:0 12px;font:13px Geist;cursor:pointer}.search-wrap{position:relative}.search-wrap>.search-ic{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--tx-4);display:flex}.field-label{font:600 12px Geist;color:var(--tx-2);margin-bottom:6px;display:block}.card{border:1px solid var(--bd);border-radius:13px;background:var(--bg-card)}.table-card{border:1px solid var(--bd);border-radius:13px;overflow:hidden;background:var(--bg-card)}.table-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--bd);font:500 13px Geist;color:#9aa2ab}.tbl-scroll{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse}table.tbl th{text-align:left;padding:11px 14px;font:600 11px Geist;letter-spacing:.04em;text-transform:uppercase;color:var(--tx-th);background:var(--bg-thead);border-bottom:1px solid var(--bd);white-space:nowrap;-webkit-user-select:none;user-select:none}table.tbl th.sortable{cursor:pointer}table.tbl th.sortable:hover{color:#aeb4bc}table.tbl th.right,table.tbl td.right{text-align:right}table.tbl td{padding:var(--rp) 14px;border-bottom:1px solid var(--bd-row);vertical-align:middle;font:400 13px Geist;color:#a9b0b8}table.tbl tbody tr{background:transparent}table.tbl tbody tr:hover{background:var(--bg-row-hover)}table.tbl tbody tr.clickable{cursor:pointer}.empty-row{padding:34px 12px;text-align:center;font:400 13px Geist;color:var(--tx-4)}.badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:6px;font:600 11.5px Geist}.badge.accent{background:rgba(var(--ac-rgb),.12);border:1px solid rgba(var(--ac-rgb),.28);color:var(--ac)}.badge.neutral{background:var(--bg-hover);border:1px solid var(--bd-sm);color:#aeb4bc}.badge.green{background:#46c46a1f;border:1px solid rgba(70,196,106,.25);color:var(--green)}.badge.red{background:#ef6b761f;border:1px solid rgba(239,107,118,.28);color:var(--red)}.dot{width:7px;height:7px;border-radius:50%;flex:none;display:inline-block}.dot.online{background:var(--green-dot);box-shadow:0 0 0 3px #46c46a2e}.dot.offline{background:#5b636d}.mono{font:500 13px Geist Mono,monospace;color:#dfe3e8;letter-spacing:.02em}.mono-dim{font:400 12.5px Geist Mono,monospace;color:var(--tx-2)}.chip{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 10px 0 6px;border-radius:999px;background:var(--bg-hover);border:1px solid var(--bd-sm)}.avatar{border-radius:9px;display:flex;align-items:center;justify-content:center;font:700 12px Geist;color:#0a1020;flex:none;background:linear-gradient(135deg,#5b8cff,#8a6bff)}.avatar.alt{background:linear-gradient(135deg,#3fb6a8,#5b8cff)}.toggle{width:38px;height:22px;border-radius:999px;padding:2px;display:flex;align-items:center;background:#2b323a;cursor:pointer;flex:none;border:none;transition:background .15s;justify-content:flex-start}.toggle.on{background:var(--ac);justify-content:flex-end}.toggle>span{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0006}.nav-section{font:600 10.5px Geist;letter-spacing:.09em;text-transform:uppercase;color:#5b636d;padding:0 10px;margin:2px 0 8px}.nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:0 12px;height:34px;border-radius:8px;border:none;cursor:pointer;font:500 13.5px Geist;text-align:left;color:#a7adb5;background:transparent}.nav-btn:hover{background:var(--bg-hover);color:var(--tx)}.nav-btn.active{color:var(--ac);background:rgba(var(--ac-rgb),.1);box-shadow:inset 2px 0 0 var(--ac)}.nav-btn.active:hover{background:rgba(var(--ac-rgb),.13)}.nav-btn .nav-ic{display:inline-flex;width:18px;height:18px;flex:none;align-items:center;justify-content:center}.nav-btn .nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-h1{margin:0;font:600 21px Geist;color:var(--tx-strong);letter-spacing:-.01em}.page-sub{margin:6px 0 0;font:400 13.5px Geist;color:var(--tx-2)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.filters{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px;flex-wrap:wrap;gap:12px}.page-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bd-input);background:var(--bg-input);color:#9aa2ab;border-radius:8px;cursor:pointer;font:600 13px Geist}.page-btn:hover:not(:disabled):not(.current){background:var(--bg-hover);color:var(--tx)}.page-btn:disabled{color:#4c545d;cursor:not-allowed}.page-btn.current{border:none;background:var(--ac);color:#0a1020}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040609a6;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:440px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);overflow:auto;border:1px solid var(--bd-btn);border-radius:14px;background:#0f1216;padding:22px;box-shadow:0 18px 50px #00000080}.modal h2{margin:0 0 4px;font:600 16px Geist;color:var(--tx-strong)}.modal .modal-sub{font:400 12.5px Geist;color:var(--tx-2);margin-bottom:18px}.warn-banner{display:flex;gap:11px;align-items:flex-start;border:1px solid rgba(224,168,74,.25);background:#e0a84a12;border-radius:12px;padding:13px 15px;margin-bottom:16px;font:400 13px Geist;color:#c9b48a;line-height:1.55}.kv-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.kv-row .k{font:500 12.5px Geist;color:#7f868f}.kv-row .v{font:500 13px Geist;color:#c4cad1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#171b20;border:1px solid var(--bd-sm);color:var(--tx);font:500 13px Geist;padding:10px 18px;border-radius:10px;z-index:100;box-shadow:0 8px 30px #00000073}.toast.error{border-color:#ef6b7666;color:var(--red)}