@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@500;600;700&family=Roboto:wght@300;400;500;700&display=swap";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
:root{--font-sans:"Inter", "Roboto", "Helvetica", "Arial", sans-serif;--font-display:"Poppins", "Inter", "Helvetica", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Menlo", monospace;--text-2xs:10.4px;--text-xs:11.2px;--text-sm:12px;--text-md:13px;--text-body2:13.4px;--text-body:14.4px;--text-lg:15.6px;--text-h6:18px;--text-h5:24px;--text-h4:32px;--text-display:48px;--w-light:300;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--tracking-caps:.5px;--tracking-wide:.8px;--tracking-tight:-.5px;--navy:#18181b;--navy-700:#27272a;--brand:#2563eb;--brand-hover:#1d4fd0;--brand-deep:#1e40af;--brand-soft-12:#2563eb1c;--brand-soft-18:#2563eb29;--brand-soft-10:#2563eb1a;--brand-soft-06:#2563eb0f;--accent:#2563eb;--accent-soft:#2563eb1f;--alert:#e0245e;--grad-appbar:linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--grad-navy:linear-gradient(150deg, #1e293b 0%, #334155 100%);--success:#15803d;--success-soft:#15803d1f;--warning:#d97706;--warning-soft:#d977061f;--error:#dc2626;--error-soft:#dc26261a;--info:#2563eb;--info-soft:var(--brand-soft-12);--side-bg:#fff;--side-bg-elev:#f7f7f9;--side-border:#ececef;--side-divider:#efeff1;--side-fg-muted:#9a9aa3;--side-fg-active:#52525b;--side-fg-strong:#18181b;--side-hover:#f4f4f6;--side-subheader:#a1a1aa;--side-w:244px;--bg-default:#fbfbfc;--bg-paper:#fff;--bg-surface:#f6f7f9;--bg-input:#f7f8fa;--bg-hover:#18181b08;--fg-primary:#18181b;--fg-secondary:#6f6f78;--fg-tertiary:#a1a1aa;--fg-disabled:#18181b4d;--fg-link:var(--brand);--fg-on-brand:#fff;--border:#ececef;--border-strong:#d8d8dd;--divider:#efeff1;--table-divider:#f2f2f4;--table-head-bg:#fafafb;--table-head-fg:#8a8a93;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:12px;--r-xl:16px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:48px;--s-10:64px;--h-button:36px;--h-button-sm:28px;--h-input:38px;--h-row:56px;--shadow-1:0 1px 2px #18181b0a;--shadow-2:0 4px 14px #18181b0f;--shadow-3:0 10px 26px #18181b14;--shadow-modal:0 24px 60px #18181b2e, 0 6px 20px #18181b1a;--shadow-active:none;--shadow-lift:0 6px 18px #18181b14;--ease:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--dur-base:.2s}
*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-md);background:var(--bg-default);color:var(--fg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app{height:100vh;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{flex:1;padding:24px 32px 40px;overflow-y:auto}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-track{background:0 0}.scroll::-webkit-scrollbar-thumb{background:#0f172a24;border-radius:8px}.scroll::-webkit-scrollbar-thumb:hover{background:#0f172a38}.h-page{font-family:var(--font-display);color:var(--navy);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:600}.h-section{font-family:var(--font-display);font-size:var(--text-h6);color:var(--navy);letter-spacing:-.2px;margin:0;font-weight:600}.muted{color:var(--fg-secondary)}.tiny{font-size:var(--text-xs)}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.4px;color:var(--brand);margin:0 0 6px;font-size:11px;font-weight:600}.card{background:var(--bg-paper);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.card-hover{transition:box-shadow .18s var(--ease), transform .18s var(--ease), border-color .18s var(--ease)}.card-hover:hover{box-shadow:var(--shadow-lift);border-color:var(--border-strong);transform:translateY(-2px)}.btn{height:var(--h-button);border-radius:var(--r-sm);font-size:var(--text-md);cursor:pointer;color:var(--fg-primary);white-space:nowrap;transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:inline-flex}.btn .mi{font-size:18px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:not(:disabled):hover{background:var(--brand-hover);border-color:var(--brand-hover)}.btn-outline{border-color:var(--border-strong);background:var(--bg-paper);color:var(--fg-primary)}.btn-outline:not(:disabled):hover{background:var(--bg-surface);border-color:var(--border-strong)}.btn-ghost{color:var(--fg-secondary);background:0 0}.btn-ghost:not(:disabled):hover{background:var(--bg-hover);color:var(--fg-primary)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger:not(:disabled):hover{background:#b91c1c;border-color:#b91c1c}.btn-sm{height:30px;font-size:var(--text-sm);padding:0 12px}.btn-icon{justify-content:center;width:36px;padding:0}.input{height:var(--h-input);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-paper);color:var(--fg-primary);outline:none;width:100%;padding:0 12px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--fg-tertiary)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft-12)}.field-with-icon{position:relative}.field-with-icon .mi{color:var(--fg-tertiary);pointer-events:none;font-size:18px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.field-with-icon .input{padding-left:36px}.select{appearance:none;background:var(--bg-paper) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 10px center;padding-right:32px}.chip{border-radius:var(--r-pill);height:24px;font-size:var(--text-xs);background:var(--bg-surface);color:var(--fg-secondary);border:1px solid var(--border);align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.chip-brand{background:var(--brand-soft-12);color:var(--brand);border-color:#0000}.chip-success{background:var(--success-soft);color:var(--success);border-color:#0000}.chip-warning{background:var(--warning-soft);color:var(--warning);border-color:#0000}.chip-error{background:var(--error-soft);color:var(--error);border-color:#0000}.chip-neutral{color:#475569;background:#eef2f6;border-color:#0000}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-success{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.dot-offline{background:#94a3b8;box-shadow:0 0 0 3px #94a3b82e}.dot-warning{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.dot-error{background:var(--error);box-shadow:0 0 0 3px var(--error-soft)}.kbd{font-family:var(--font-mono);background:var(--bg-surface);border:1px solid var(--border);color:var(--fg-secondary);border-radius:4px;padding:1px 5px;font-size:11px}.divider-v{background:var(--border);align-self:stretch;width:1px;margin:0 8px}.topbar{background:var(--bg-paper);border-bottom:1px solid var(--border);align-items:center;gap:16px;height:60px;padding:0 24px;display:flex}.topbar .crumbs{font-size:var(--text-md);color:var(--fg-secondary);align-items:center;gap:8px;display:flex}.topbar .crumbs .sep{color:var(--fg-tertiary)}.topbar .crumbs .here{color:var(--fg-primary);font-weight:500}.topbar .actions{align-items:center;gap:8px;margin-left:auto;display:flex}.topbar .topbar-search{width:320px}.t-head{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--table-head-fg);font-weight:600}.modal-backdrop{z-index:100;background:#0f172a66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-paper);border-radius:var(--r-xl);box-shadow:var(--shadow-modal);flex-direction:column;width:100%;max-height:calc(100vh - 48px);display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 24px;display:flex}.modal-body{padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--bg-surface);justify-content:space-between;gap:8px;padding:16px 24px;display:flex}.mi{-webkit-font-smoothing:antialiased;font-family:Material Icons;font-style:normal;font-weight:400;line-height:1}.mi-16{font-size:16px}.mi-18{font-size:18px}.mi-20{font-size:20px}.mi-22{font-size:22px}.avatar{background:var(--brand);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex}.tab{font-size:var(--text-md);color:var(--fg-secondary);cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 16px;font-weight:500;transition:color .15s;display:inline-flex}.tab:hover{color:var(--fg-primary)}.tab.active{color:var(--brand);border-bottom-color:var(--brand)}@keyframes spin{to{transform:rotate(360deg)}}
html,body{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}