@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap";:root{--zbx-bg:#07111f;--zbx-surface:#0f172a;--zbx-surface2:#1e293b;--zbx-border:#ffffff14;--zbx-border-hover:#ffffff29;--zbx-orange:#ea580c;--zbx-orange-hover:#ff8a3d;--zbx-orange-bg:#ea580c24;--zbx-orange-bg-hover:#ea580c38;--zbx-amber:#ea580c;--zbx-amber-dim:#c2410c;--zbx-amber-bg:#ea580c24;--zbx-amber-bg-hover:#ea580c38;--zbx-text:#e5e7eb;--zbx-text-muted:#cbd5e1;--zbx-text-faint:#94a3b8;--zbx-green:#22c55e;--zbx-green-bg:#22c55e1f;--zbx-red:#ef4444;--zbx-red-bg:#ef44441f;--zbx-blue:#3b82f6;--zbx-blue-bg:#3b82f61f;--zbx-sidebar-width:220px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--zbx-bg);height:100%;color:var(--zbx-text);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}a{color:var(--zbx-orange);text-decoration:none}a:hover{color:var(--zbx-orange-hover)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--zbx-border-hover);border-radius:2px}input,select,textarea{background:var(--zbx-surface2);border:1px solid var(--zbx-border);color:var(--zbx-text);border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:Arial,Helvetica,sans-serif;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--zbx-orange)}input::placeholder{color:var(--zbx-text-faint)}.btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--zbx-orange);color:#fff;box-shadow:0 8px 20px #ea580c47}.btn-primary:hover{background:var(--zbx-orange-hover);transform:translateY(-1px)}.btn-secondary{color:var(--zbx-text);border:1px solid var(--zbx-border);background:#ffffff0a}.btn-secondary:hover{border-color:var(--zbx-border-hover);background:#ffffff12}.btn-danger{background:var(--zbx-red-bg);color:var(--zbx-red);border:1px solid #ef44444d}.btn-sm{padding:5px 10px;font-size:12px}.card{border:1px solid var(--zbx-border);background:#1e293beb;border-radius:20px;padding:20px;transition:border-color .2s}.card:hover{border-color:#ea580c40}.badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.badge-green{background:var(--zbx-green-bg);color:var(--zbx-green)}.badge-red{background:var(--zbx-red-bg);color:var(--zbx-red)}.badge-amber{background:var(--zbx-orange-bg);color:var(--zbx-orange-hover)}.badge-blue{background:var(--zbx-blue-bg);color:var(--zbx-blue)}.badge-gray{color:var(--zbx-text-muted);background:#ffffff0f}.toggle{flex-shrink:0;width:36px;height:20px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{border:1px solid var(--zbx-border);cursor:pointer;background:#ffffff0f;border-radius:10px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--zbx-text-faint);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:3px}.toggle input:checked+.toggle-slider{background:var(--zbx-orange-bg);border-color:var(--zbx-orange)}.toggle input:checked+.toggle-slider:before{background:var(--zbx-orange);transform:translate(16px)}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--zbx-text-faint);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--zbx-border);padding:8px 12px;font-size:11px;font-weight:800}.table td{border-bottom:1px solid var(--zbx-border);color:var(--zbx-text);padding:10px 12px;font-size:13px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#ffffff08}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:var(--zbx-text);letter-spacing:-.3px;font-size:20px;font-weight:900}.page-subtitle{color:var(--zbx-text-muted);margin-top:2px;font-size:13px}[data-theme=client]{--zbx-bg:#060d18;--zbx-surface:#0a1628;--zbx-surface2:#0f2040;--zbx-border:#388bfd1f;--zbx-border-hover:#388bfd47;--zbx-amber:#388bfd;--zbx-amber-dim:#1f6feb;--zbx-amber-bg:#388bfd1f;--zbx-amber-bg-hover:#388bfd38;--zbx-orange:#388bfd;--zbx-orange-hover:#58a6ff;--zbx-orange-bg:#388bfd1f;--zbx-orange-bg-hover:#388bfd38;--zbx-text:#cdd9e5;--zbx-text-muted:#8b949e;--zbx-text-faint:#484f58}[data-theme=client] .card{background:#0a1628eb;border-color:#388bfd1a}[data-theme=client] .card:hover{border-color:#388bfd4d}[data-theme=client] .btn-primary{background:#388bfd;box-shadow:0 8px 20px #388bfd47}[data-theme=client] .btn-primary:hover{background:#58a6ff}[data-theme=client] input:focus,[data-theme=client] select:focus,[data-theme=client] textarea:focus{border-color:#388bfd}[data-theme=client] a{color:#388bfd}[data-theme=client] a:hover{color:#58a6ff}[data-theme=client] .toggle input:checked+.toggle-slider{background:#388bfd2e;border-color:#388bfd}[data-theme=client] .toggle input:checked+.toggle-slider:before{background:#388bfd}[data-theme=client] header{background:linear-gradient(#0a1628 0%,#060d18 100%)!important;border-bottom:.5px solid #388bfd26!important}[data-theme=client] aside{background:linear-gradient(#0a1628 0%,#060d18 100%)!important;border-right:.5px solid #388bfd1f!important}[data-theme=client-dark]{--zbx-bg:#080f1a;--zbx-surface:#0d1520;--zbx-surface2:#111c2d;--zbx-surface3:#162236;--zbx-border:#ffffff0f;--zbx-border-hover:#ffffff1f;--zbx-amber:#7eb8f7;--zbx-amber-dim:#5a9fd4;--zbx-amber-bg:#7eb8f714;--zbx-amber-bg-hover:#7eb8f724;--zbx-orange:#7eb8f7;--zbx-orange-hover:#a8d4ff;--zbx-orange-bg:#7eb8f714;--zbx-orange-bg-hover:#7eb8f724;--zbx-text:#dce8f5;--zbx-text-muted:#6b7f94;--zbx-text-faint:#2d3d50;--zbx-green:#4ade80;--zbx-green-bg:#4ade801a;--zbx-red:#f87171;--zbx-red-bg:#f871711a;--zbx-blue:#7eb8f7;--zbx-blue-bg:#7eb8f71a}[data-theme=client-dark] body,[data-theme=client-dark] #root{background:#080f1a}[data-theme=client-dark] #root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7eb8f70d 0%,#0000 65%);width:600px;height:600px;position:fixed;top:-200px;right:-100px}[data-theme=client-dark] .card{background:#111c2d;border-color:#ffffff0f;border-radius:14px}[data-theme=client-dark] .card:hover{border-color:#7eb8f72e}[data-theme=client-dark] .btn-primary{color:#a8d4ff;background:#1a3a5c;border:1px solid #7eb8f74d;box-shadow:0 4px 16px #7eb8f71f}[data-theme=client-dark] .btn-primary:hover{background:#1f4570;border-color:#7eb8f780}[data-theme=client-dark] .btn-secondary{color:#dce8f5;background:#ffffff08;border-color:#ffffff14}[data-theme=client-dark] input,[data-theme=client-dark] select,[data-theme=client-dark] textarea{color:#dce8f5;background:#0d1520;border-color:#ffffff14}[data-theme=client-dark] input:focus,[data-theme=client-dark] select:focus{border-color:#7eb8f7}[data-theme=client-dark] input::placeholder{color:#2d3d50}[data-theme=client-dark] a{color:#7eb8f7}[data-theme=client-dark] a:hover{color:#a8d4ff}[data-theme=client-dark] aside{background:#0d1520!important;border-right:1px solid #ffffff0f!important}[data-theme=client-dark] header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1520f2!important;border-bottom:1px solid #ffffff0f!important}[data-theme=client-dark] .zbx-logo-text{color:#c8dff2!important;font-family:Space Grotesk,sans-serif!important;font-weight:700!important}[data-theme=client-dark] .toggle input:checked+.toggle-slider{background:#7eb8f726;border-color:#7eb8f7}[data-theme=client-dark] .toggle input:checked+.toggle-slider:before{background:#7eb8f7}[data-theme=client-dark] .table th{color:#2d3d50;border-color:#ffffff0d}[data-theme=client-dark] .table td{color:#dce8f5;border-color:#ffffff0a}[data-theme=client-dark] .table tbody tr:hover td{background:#7eb8f70a}[data-theme=client-dark] .badge-amber{color:#a8d4ff;background:#7eb8f71f}[data-theme=client-dark] aside a[style*=background]{color:#c8dff2!important;background:#7eb8f714!important;border:1px solid #7eb8f724!important}[data-theme=client-dark] ::-webkit-scrollbar-thumb{background:#7eb8f71f}[data-theme=client-dark] ::-webkit-scrollbar-thumb:hover{background:#7eb8f738}[data-theme=client-dark] .card[style*=border-left][style*=amber]{border-left-color:#7eb8f7!important}