:root{--bg-base:#09090b;--bg-surface:#0f0f12;--bg-card:#141418;--bg-card-hover:#1a1a1f;--bg-elevated:#1e1e24;--bg-input:hsla(0,0%,100%,.035);--bg-glass:hsla(0,0%,100%,.05);--text-primary:#fafafa;--text-secondary:hsla(0,0%,100%,.65);--text-muted:hsla(0,0%,100%,.4);--text-dim:hsla(0,0%,100%,.22);--border:hsla(0,0%,100%,.07);--border-hover:hsla(0,0%,100%,.12);--border-active:rgba(94,92,230,.4);--accent:#6366f1;--accent-hover:#818cf8;--accent-glow:rgba(99,102,241,.15);--success:#22c55e;--success-bg:rgba(34,197,94,.1);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.1);--danger:#ef4444;--danger-bg:rgba(239,68,68,.1);--info:#3b82f6;--info-bg:rgba(59,130,246,.1);--font:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:24px;--text-2xl:30px;--text-3xl:36px;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--sidebar-width:68px;--header-height:0px;--ease:cubic-bezier(.4,0,.2,1);--duration:.15s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-base);color:var(--text-primary);font-family:var(--font);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.5;min-height:100vh}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}::-moz-selection{background:var(--accent);color:#fff}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-container{margin:0 auto;max-width:1400px;width:100%}.page-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.5px}.page-sub{color:var(--text-muted);font-size:var(--text-sm);margin-top:4px}.section-title{color:var(--text-dim);font-size:var(--text-xs);font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--duration) var(--ease)}.card:hover{border-color:var(--border-hover)}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font);font-size:var(--text-sm);font-weight:600;gap:6px;justify-content:center;padding:8px 16px;text-decoration:none;transition:all var(--duration) var(--ease);white-space:nowrap}.btn--primary{background:var(--text-primary);box-shadow:0 1px 2px #00000040;color:var(--bg-base)}.btn--primary:hover{background:#fff;box-shadow:0 6px 18px #0000004d;transform:translateY(-1px)}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn--ghost:hover{border-color:var(--border-hover);color:var(--text-primary)}.btn--danger{background:var(--danger-bg);border:1px solid rgba(239,68,68,.2);color:var(--danger)}.btn--danger:hover{background:#ef444426}.btn--sm{border-radius:var(--radius-xs);font-size:var(--text-xs);padding:5px 12px}.btn:disabled{cursor:not-allowed;opacity:.4}.table{border-collapse:collapse;width:100%}.table th{background:var(--bg-surface);border-bottom:1px solid var(--border);color:var(--text-dim);font-size:var(--text-xs);font-weight:600;letter-spacing:.6px;padding:10px 16px;position:sticky;text-align:left;text-transform:uppercase;top:0}.table td{border-bottom:1px solid hsla(0,0%,100%,.03);color:var(--text-secondary);font-size:var(--text-base);padding:12px 16px;vertical-align:middle}.table tbody tr{transition:background var(--duration) var(--ease)}.table tbody tr:hover{background:#ffffff05}.td-bold{color:var(--text-primary);font-weight:600}.td-empty{color:var(--text-dim);padding:48px 16px;text-align:center}.badge{align-items:center;background:var(--bg-glass);border-radius:var(--radius-xs);color:var(--text-muted);display:inline-flex;font-size:var(--text-xs);font-weight:600;padding:2px 8px}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--accent{background:var(--accent-glow);color:var(--accent)}.avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;height:28px;justify-content:center;width:28px}.avatar--sm{font-size:9px;height:24px;width:24px}.avatar--lg{font-size:13px;height:36px;width:36px}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:var(--text-base);outline:none;padding:10px 14px;transition:all var(--duration) var(--ease);width:100%}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input::-moz-placeholder{color:var(--text-dim)}.input::placeholder{color:var(--text-dim)}.label{color:var(--text-muted);display:block;font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.status-dot--online{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot--offline{background:var(--text-dim)}.status-dot--warning{background:var(--warning)}:root{--ease-out:cubic-bezier(.2,.8,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-height:0px}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes pulse-dot{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes spin{to{transform:rotate(1turn)}}.reveal{animation:fade-up .34s var(--ease-out) both;animation-delay:calc(min(var(--i, 0),12)*45ms)}.skeleton{background:#ffffff0a;border-radius:var(--radius-sm);overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.06),transparent);content:"";inset:0;position:absolute;transform:translate(-100%)}.pressable{transition:transform .14s var(--ease-out),border-color .2s ease,background .2s ease;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled),.pressable:active{transform:scale(.97)}.spinner{animation:spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.18);border-radius:50%;border-top-color:currentcolor;display:inline-block;height:16px;width:16px}.page-enter-active,.page-leave-active{transition:opacity .16s ease,transform .2s var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:768px){.input,select.input,textarea.input{font-size:16px}.btn{min-height:40px}.btn--sm{min-height:34px}::-webkit-scrollbar{height:0;width:0}}html{-webkit-text-size-adjust:100%}button{font-family:inherit}textarea.input{line-height:1.5;resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.hh-fade{animation:fade-in .28s var(--ease-out) both}@media(prefers-reduced-motion:reduce){.hh-fade{animation:none}}