:root{--bg-app: #09090b;--bg-surface-0: rgba(18, 18, 24, .72);--bg-surface-1: rgba(28, 28, 38, .65);--bg-surface-2: rgba(38, 38, 52, .75);--bg-surface-elevated: rgba(32, 32, 44, .85);--bg-surface-card: rgba(22, 22, 30, .7);--bg-surface-card-hover: rgba(30, 30, 42, .85);--bg-glass-input: rgba(14, 14, 20, .6);--bg-glass-input-focus: rgba(18, 18, 26, .9);--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .12);--border-highlight: rgba(255, 255, 255, .18);--border-glow: rgba(37, 99, 235, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-dim: #475569;--text-on-accent: #ffffff;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-primary-glow: rgba(37, 99, 235, .15);--accent-indigo: #6366f1;--accent-indigo-glow: rgba(99, 102, 241, .25);--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .2);--accent-amber: #f59e0b;--accent-amber-glow: rgba(245, 158, 11, .2);--accent-rose: #f43f5e;--accent-rose-glow: rgba(244, 63, 94, .2);--accent-purple: #a855f7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 0 0 1px var(--border-subtle);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4), 0 0 0 1px var(--border-subtle);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55), 0 0 0 1px var(--border-medium);--shadow-glow-blue: 0 0 24px -4px rgba(37, 99, 235, .2);--shadow-glow-emerald: 0 0 24px -4px rgba(16, 185, 129, .25);--shadow-inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .1);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--ease-spring-smooth: cubic-bezier(.16, 1, .3, 1);--ease-spring-snappy: cubic-bezier(.2, .9, .2, 1.05);--ease-soft-out: cubic-bezier(.25, 1, .5, 1);--transition-fast: .15s var(--ease-spring-smooth);--transition-normal: .24s var(--ease-spring-smooth);--transition-slow: .38s var(--ease-spring-smooth);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", var(--font-sans);--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace}[data-theme=bw]{--bg-app: #000000;--bg-surface-0: rgba(14, 14, 14, .92);--bg-surface-1: rgba(22, 22, 22, .9);--bg-surface-2: rgba(32, 32, 32, .95);--bg-surface-elevated: rgba(24, 24, 24, .98);--bg-surface-card: rgba(16, 16, 16, .92);--bg-surface-card-hover: rgba(28, 28, 28, .98);--bg-glass-input: rgba(12, 12, 12, .95);--bg-glass-input-focus: rgba(22, 22, 22, 1);--border-subtle: rgba(255, 255, 255, .14);--border-medium: rgba(255, 255, 255, .28);--border-highlight: rgba(255, 255, 255, .55);--border-glow: rgba(255, 255, 255, .7);--text-primary: #ffffff;--text-secondary: #d4d4d8;--text-muted: #a1a1aa;--text-dim: #71717a;--text-on-accent: #000000;--accent-primary: #ffffff;--accent-primary-hover: #e4e4e7;--accent-primary-glow: rgba(255, 255, 255, .3);--accent-indigo: #e4e4e7;--accent-indigo-glow: rgba(255, 255, 255, .2);--accent-emerald: #d4d4d8;--accent-emerald-glow: rgba(255, 255, 255, .25);--accent-amber: #a1a1aa;--accent-amber-glow: rgba(255, 255, 255, .2);--accent-rose: #f4f4f5;--accent-rose-glow: rgba(255, 255, 255, .25);--accent-purple: #e4e4e7;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .8), 0 0 0 1px var(--border-subtle);--shadow-md: 0 4px 16px rgba(0, 0, 0, .85), 0 0 0 1px var(--border-subtle);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .95), 0 0 0 1px var(--border-medium);--shadow-glow-blue: 0 0 24px -4px rgba(255, 255, 255, .2)}[data-theme=bw] .ambient-mesh{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,255,255,.04),transparent),radial-gradient(ellipse 60% 40% at 85% 15%,rgba(255,255,255,.02),transparent)}[data-theme=bw] .btn-primary{background:#fff!important;border-color:#fff!important;color:#000!important;box-shadow:0 1px 4px #fff3!important}[data-theme=bw] .btn-primary:hover{background:#e4e4e7!important;border-color:#e4e4e7!important}[data-theme=bw] .btn-secondary{color:#d4d4d8!important;border-color:#fff3!important}[data-theme=bw] .btn-secondary:hover{color:#fff!important;border-color:#fff6!important;background:#ffffff0f!important}[data-theme=bw] .badge-green{background:#ffffff14!important;color:#d4d4d8!important;border-color:#fff3!important}[data-theme=bw] .badge-blue{background:#ffffff14!important;color:#e4e4e7!important;border-color:#fff3!important}[data-theme=bw] .badge-amber{background:#ffffff0f!important;color:#a1a1aa!important;border-color:#ffffff26!important}[data-theme=bw] .badge-rose{background:#ffffff0f!important;color:#f4f4f5!important;border-color:#fff3!important}[data-theme=bw] .badge-purple{background:#ffffff0f!important;color:#d4d4d8!important;border-color:#ffffff26!important}[data-theme=bw] .segmented-tab-btn.active{background:#ffffff1f!important;color:#fff!important;border-color:#ffffff4d!important}[data-theme=light]{--bg-app: #fafbfc;--bg-surface-0: rgba(255, 255, 255, .92);--bg-surface-1: #f4f5f7;--bg-surface-2: #ebedf0;--bg-surface-elevated: #ffffff;--bg-surface-card: #ffffff;--bg-surface-card-hover: #ffffff;--bg-glass-input: #ffffff;--bg-glass-input-focus: #ffffff;--border-subtle: #e5e7eb;--border-medium: #d1d5db;--border-highlight: #9ca3af;--border-glow: rgba(37, 99, 235, .4);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-dim: #9ca3af;--text-on-accent: #ffffff;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-primary-glow: rgba(37, 99, 235, .15);--accent-indigo: #4338ca;--accent-indigo-glow: rgba(67, 56, 202, .15);--accent-emerald: #059669;--accent-emerald-glow: rgba(5, 150, 105, .12);--accent-amber: #b45309;--accent-amber-glow: rgba(180, 83, 9, .12);--accent-rose: #dc2626;--accent-rose-glow: rgba(220, 38, 38, .12);--accent-purple: #7c3aed;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .05);--shadow-inner-highlight: none}[data-theme=light] .ambient-mesh{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(37,99,235,.03),transparent),radial-gradient(ellipse 60% 40% at 85% 15%,rgba(67,56,202,.02),transparent)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:#111827!important;background-color:#fff!important;border-color:#d1d5db!important;box-shadow:0 1px 2px #0000000a!important}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a,0 1px 2px #0000000a!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#111827!important}[data-theme=light] p,[data-theme=light] span,[data-theme=light] td,[data-theme=light] th,[data-theme=light] label,[data-theme=light] li{color:inherit}[data-theme=light] .glass-card{background:#fff!important;border-color:#e5e7eb!important;box-shadow:0 1px 3px #0000000a,0 0 0 1px #00000005!important}[data-theme=light] .glass-card-interactive:hover{border-color:#d1d5db!important;box-shadow:0 4px 12px #0000000f,0 0 0 1px #0000000a!important}[data-theme=light] .glass-panel{background:#fff!important;border-color:#e5e7eb!important}[data-theme=light] .btn-primary{color:#fff!important;background:#2563eb!important;border:1px solid #2563eb!important;box-shadow:0 1px 3px #2563eb33,0 1px 2px #0000000a!important}[data-theme=light] .btn-primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important;box-shadow:0 4px 12px #2563eb40,0 1px 2px #0000000a!important}[data-theme=light] .btn-secondary{color:#374151!important;background:#fff!important;border-color:#d1d5db!important;box-shadow:0 1px 2px #0000000a!important}[data-theme=light] .btn-secondary:hover{background:#f9fafb!important;border-color:#9ca3af!important;color:#111827!important}[data-theme=light] .segmented-control-container{background:#f3f4f6!important;border-color:#e5e7eb!important;box-shadow:inset 0 1px 2px #0000000a!important}[data-theme=light] .segmented-tab-btn{color:#6b7280!important}[data-theme=light] .segmented-tab-btn:hover{color:#374151!important}[data-theme=light] .segmented-tab-btn.active{color:#111827!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000000f!important}[data-theme=light] .table-container{background:#fff!important;border-color:#e5e7eb!important}[data-theme=light] table thead th{background:#f9fafb!important;color:#6b7280!important;border-bottom-color:#e5e7eb!important}[data-theme=light] table tbody tr{border-bottom-color:#f3f4f6!important}[data-theme=light] table tbody tr:hover{background:#f9fafb!important}[data-theme=light] table tbody td{color:#1f2937!important;border-bottom-color:#f3f4f6!important}[data-theme=light] .badge-green{background:#ecfdf5!important;color:#047857!important;border-color:#a7f3d0!important}[data-theme=light] .badge-rose{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}[data-theme=light] .badge-amber{background:#fffbeb!important;color:#92400e!important;border-color:#fde68a!important}[data-theme=light] .badge-blue{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}[data-theme=light] select{background:#fff!important;color:#1f2937!important;border-color:#d1d5db!important}[data-theme=light] nav{background:#fff!important;border-right-color:#e5e7eb!important}[data-theme=light] .mobile-topbar{background:#fff!important;border-bottom-color:#e5e7eb!important;box-shadow:0 1px 3px #0000000a!important}[data-theme=light] button,[data-theme=light] .glass-card label,[data-theme=light] .glass-card span,[data-theme=light] .glass-card p{color:inherit}[data-theme=light] [style*="color: #38bdf8"],[data-theme=light] [style*="color: rgb(56, 189, 248)"]{color:#0284c7!important}[data-theme=light] [style*="color: #10b981"],[data-theme=light] [style*="color: rgb(16, 185, 129)"]{color:#059669!important}[data-theme=light] [style*="color: #34d399"],[data-theme=light] [style*="color: rgb(52, 211, 153)"]{color:#047857!important}[data-theme=light] [style*="color: #fbbf24"],[data-theme=light] [style*="color: rgb(251, 191, 36)"]{color:#b45309!important}[data-theme=light] [style*="color: #c084fc"],[data-theme=light] [style*="color: rgb(192, 132, 252)"]{color:#7c3aed!important}[data-theme=light] [style*="color: #818cf8"],[data-theme=light] [style*="color: rgb(129, 140, 248)"]{color:#4338ca!important}[data-theme=light] [style*="color: #fb7185"],[data-theme=light] [style*="color: rgb(251, 113, 133)"]{color:#dc2626!important}[data-theme=light] [style*="background: rgba(56, 189, 248"]{border-color:#bfdbfe!important}[data-theme=light] [style*="background: rgba(16, 185, 129"]{border-color:#a7f3d0!important}[data-theme=light] [style*="background: rgba(139, 92, 246"]{border-color:#c4b5fd!important}[data-theme=light] [style*="color: #f8fafc"],[data-theme=light] [style*="color: rgb(248, 250, 252)"]{color:#111827!important}[data-theme=light] [style*="color: #e2e8f0"],[data-theme=light] [style*="color: rgb(226, 232, 240)"]{color:#1f2937!important}[data-theme=light] [style*="color: #cbd5e1"],[data-theme=light] [style*="color: rgb(203, 213, 225)"]{color:#4b5563!important}[data-theme=light] [style*="color: #94a3b8"],[data-theme=light] [style*="color: rgb(148, 163, 184)"]{color:#6b7280!important}[data-theme=light] [style*="background: rgba(0, 0, 0, 0.35)"]{background:#0000000a!important}[data-theme=light] [style*="background: rgba(18, 18, 26"]{background:#f3f4f6!important}[data-theme=light] input[type=radio],[data-theme=light] input[type=checkbox]{accent-color:#2563eb!important}[data-theme=light] [style*="background: rgba(56,189,248"]{background:#2563eb1a!important;border-color:#2563eb4d!important}[data-theme=light] .pulse-dot[style*="background: #10b981"]{background:#059669!important}[data-theme=light] .pulse-dot[style*="background: #f59e0b"]{background:#d97706!important}[data-theme=light] [style*="background: #38bdf8"],[data-theme=light] [style*="background: rgb(56, 189, 248)"]{background:#2563eb!important}[data-theme=bw] input,[data-theme=bw] select,[data-theme=bw] textarea{color:#fff!important;background-color:#0a0a0a!important;border-color:#ffffff40!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:-.011em}body{margin:0;background:var(--bg-app);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.ambient-mesh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,.08),transparent),radial-gradient(ellipse 60% 40% at 85% 15%,rgba(99,102,241,.06),transparent),radial-gradient(ellipse 50% 50% at 15% 70%,rgba(168,85,247,.04),transparent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.025em;color:var(--text-primary);line-height:1.25}h1{font-size:1.75rem;font-weight:800}h2{font-size:1.35rem;font-weight:700}h3{font-size:1.1rem;font-weight:600}h4{font-size:.95rem;font-weight:600}p,span,label,div{letter-spacing:-.01em}code,pre{font-family:var(--font-mono)}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-app),0 0 0 4px var(--accent-primary)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9999px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-panel{background:var(--bg-surface-0);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md),var(--shadow-inner-highlight)}.glass-card{background:var(--bg-surface-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm),var(--shadow-inner-highlight);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),background var(--transition-normal)}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{transform:translateY(-2px);border-color:var(--border-highlight);background:var(--bg-surface-card-hover);box-shadow:var(--shadow-md),0 0 20px -6px #38bdf826}.glass-card-interactive:active{transform:translateY(0) scale(.99)}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],textarea,select{font-family:var(--font-sans);background:var(--bg-glass-input);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13.5px;padding:9px 12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}input:hover,textarea:hover,select:hover{border-color:var(--border-highlight)}input:focus,textarea:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}input::placeholder,textarea::placeholder{color:var(--text-muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-heading);font-size:13.5px;font-weight:600;color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:var(--radius-sm);padding:8px 16px;cursor:pointer;box-shadow:0 1px 3px #2563eb40;transition:all var(--transition-fast)}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-size:13.5px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{color:var(--text-primary);background:var(--bg-surface-1);border-color:var(--border-highlight);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0) scale(.98)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase}.badge-blue{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.badge-green{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.25)}.badge-amber{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.badge-rose{background:#f43f5e1f;color:#fb7185;border:1px solid rgba(244,63,94,.25)}.badge-purple{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.25)}.pulse-dot{width:7px;height:7px;border-radius:50%;position:relative;display:inline-block}.pulse-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:inherit;opacity:.6;animation:pulse-ring 2s cubic-bezier(.2,.8,.2,1) infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}50%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:13.5px}thead th{background:#12121ad9;color:var(--text-muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:#ffffff09}tbody td{padding:13px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}tbody tr:last-child td{border-bottom:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tabPaneEnter{0%{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes floatSlight{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .28s var(--ease-spring-smooth) forwards}.tab-pane-transition{animation:tabPaneEnter .24s var(--ease-spring-smooth) forwards}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s infinite;border-radius:var(--radius-xs)}.segmented-control-container{display:inline-flex;align-items:center;gap:4px;background:#12121ab3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:3px;box-shadow:inset 0 1px 2px #0000004d;max-width:100%;overflow-x:auto}.segmented-tab-btn{border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:13px;font-weight:500;padding:6px 14px;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-spring-smooth);display:inline-flex;align-items:center;gap:7px;-webkit-user-select:none;user-select:none;outline:none}.segmented-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.segmented-tab-btn.active{color:#fff;background:linear-gradient(135deg,#38bdf838,#2563eb47);border:1px solid rgba(56,189,248,.35);box-shadow:0 2px 8px -1px #38bdf840,inset 0 1px #fff3;font-weight:600}.mobile-topbar,.mobile-drawer-overlay{display:none}@keyframes drawerSlideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bottomSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:1024px){.app-main-content{padding:24px 20px!important}}@media(max-width:840px){.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0f0f16f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:90;width:100%;min-height:44px}.sidebar-desktop{display:none!important}.sidebar-mobile{display:flex!important;position:fixed!important;top:0!important;left:0!important;bottom:0!important;height:100vh!important;width:260px!important;z-index:100!important;animation:drawerSlideIn .26s var(--ease-spring-smooth) forwards;box-shadow:12px 0 40px #000000b3}.mobile-drawer-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:95;animation:fadeIn .2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-main-content{padding:16px 14px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}[style*=gridTemplateColumns],[style*=grid-template-columns]{grid-template-columns:1fr!important}[style*="repeat(auto-fit, minmax(200px"]{grid-template-columns:repeat(2,1fr)!important}.live-panel-desktop{display:none!important}.live-panel-mobile-sheet{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:85!important;max-height:60vh;overflow-y:auto;border-radius:16px 16px 0 0;animation:bottomSheetSlideUp .3s var(--ease-spring-smooth) forwards}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.glass-card{padding:16px!important;border-radius:var(--radius-md)!important}input,select,textarea{font-size:16px!important}}@media(max-width:640px){html{-webkit-text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent}.mobile-topbar{padding:8px 12px;min-height:48px}h1{font-size:1.4rem!important;line-height:1.3!important}h2{font-size:1.15rem!important;line-height:1.35!important}h3{font-size:.98rem!important}.app-main-content{padding:12px 10px!important}.glass-card{padding:14px!important;border-radius:var(--radius-sm)!important}.btn-primary,.btn-secondary{padding:10px 14px!important;font-size:13px!important;border-radius:8px!important;min-height:42px}.segmented-control-container{width:auto;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:1}.segmented-control-container::-webkit-scrollbar{display:none}.segmented-tab-btn{padding:5px 10px!important;font-size:12px!important;white-space:nowrap}input,select,textarea{width:100%!important;min-height:44px;font-size:16px!important;padding:10px 12px!important;border-radius:8px!important}label{font-size:13px!important;margin-bottom:6px!important}.form-row,.deploy-form-row,.form-row-2col{grid-template-columns:1fr!important;flex-direction:column!important;gap:12px!important}.analytics-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.analytics-header>div:last-child{width:100%;justify-content:space-between!important}.analytics-page .glass-card{padding:14px!important}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.deploy-wizard-container,.quick-deploy-container{padding:0!important}[style*="display: grid"][style*=gap]{grid-template-columns:1fr!important}.chat-messages-container{padding:8px!important}.chat-input-area{padding:8px 10px!important}.app-main-content table{display:block!important;overflow:visible!important}.app-main-content table thead{display:none!important}.app-main-content table tbody{display:flex!important;flex-direction:column;gap:8px}.app-main-content table tbody tr{display:flex!important;flex-wrap:wrap;gap:6px 12px;padding:12px 14px!important;border:1px solid var(--border-subtle)!important;border-radius:10px!important;background:var(--bg-surface-card);align-items:center}.app-main-content table tbody td{border:none!important;border-bottom:none!important;padding:2px 0!important;font-size:12px!important;min-width:0}.app-main-content table tbody td:first-child{width:100%;font-size:13px!important;font-weight:600!important;color:var(--text-primary)!important;margin-bottom:2px}.app-main-content table tbody tr:has(td:nth-child(2):last-child){display:grid!important;grid-template-columns:auto 1fr;gap:4px 12px;padding:8px 12px!important}.app-main-content table tbody tr:has(td:nth-child(2):last-child) td:first-child{width:auto;font-size:11px!important;font-weight:500!important;color:var(--text-muted)!important;margin-bottom:0}.app-main-content table tbody tr:has(td:nth-child(2):last-child) td:last-child{font-size:12px!important;color:var(--text-primary)!important;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container{overflow:visible!important;border:none!important;box-shadow:none!important;background:transparent!important}table[aria-label="Service permissions"] tbody tr{justify-content:space-between}table[aria-label="Activity Log"] tbody td:nth-child(1){width:auto!important;font-size:10px!important;font-weight:400!important;color:var(--text-muted)!important;font-family:var(--font-mono)}.quick-actions-row{flex-direction:column!important;gap:8px!important}.stats-grid,.metric-grid,.card-grid{grid-template-columns:1fr!important;gap:10px!important}.card-actions{flex-direction:column!important;gap:6px!important}.card-actions .btn-primary,.card-actions .btn-secondary{width:100%!important;justify-content:center!important}.permission-card{padding:12px!important}.activity-entry{padding:10px 12px!important}.deployment-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -10px;padding:0 10px}}@media(max-width:380px){.mobile-topbar{padding:8px 10px}h1{font-size:1.25rem!important}h2{font-size:1.05rem!important}.app-main-content{padding:10px 8px!important}.glass-card{padding:10px!important}.btn-primary,.btn-secondary{font-size:12px!important;padding:9px 12px!important}}@media(max-width:840px){.bw-toggle-btn{display:none!important}}@media(max-width:640px){.analytics-page{padding-bottom:24px}.analytics-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:20px!important}.analytics-metrics-grid{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:20px!important}.analytics-chart-toolbar{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.analytics-chart-toolbar select{width:100%!important;padding:8px 12px!important;font-size:13px!important}.analytics-two-col{grid-template-columns:1fr!important;gap:14px!important}.analytics-two-col .glass-card>div{flex-direction:column!important}}@media(max-width:380px){.analytics-metrics-grid,.dashboard-metrics{grid-template-columns:1fr!important;gap:8px!important}}@media(max-width:840px){.app-main-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.segmented-tab-btn{min-height:36px!important;min-width:36px!important;padding:6px 12px!important}.glass-card-interactive{-webkit-tap-highlight-color:transparent}.glass-card-interactive:active{transform:scale(.98)!important;transition:transform .1s ease!important}.analytics-metrics-grid .glass-card{padding:14px 16px!important}.analytics-metrics-grid .glass-card p:first-child{font-size:10px!important}.analytics-metrics-grid .glass-card p:nth-child(2){font-size:22px!important;margin-top:4px!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-bottom-nav{display:none}@media(max-width:840px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:80;background:var(--bg-surface-0);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--border-subtle);padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));justify-content:space-around;align-items:center;gap:0}.mobile-bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 12px;border-radius:10px;font-size:10px;font-weight:500;color:var(--text-muted);background:transparent;border:none;cursor:pointer;text-decoration:none;transition:all .2s var(--ease-spring-smooth);-webkit-tap-highlight-color:transparent;min-width:56px}.mobile-bottom-nav-item.active{color:var(--accent-primary);background:var(--accent-primary-glow)}.mobile-bottom-nav-item:active{transform:scale(.92)}.mobile-bottom-nav-item span{font-size:10px;line-height:1.2;white-space:nowrap}.app-main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}.mobile-topbar [aria-label="Open Navigation Menu"]{display:none}}@media(max-width:840px){.hide-on-mobile{display:none!important}}@media(max-width:640px){.dashboard-page{gap:16px!important}.dashboard-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.dashboard-header-actions{width:100%}.dashboard-header-actions .btn-primary,.dashboard-header-actions .btn-secondary{flex:1!important;min-width:0!important;justify-content:center}.dashboard-metrics{grid-template-columns:1fr 1fr!important;gap:10px!important}.dashboard-main-grid{grid-template-columns:1fr!important;gap:16px!important}.dashboard-col-right{order:-1}}@media(max-width:1024px){.dashboard-main-grid{grid-template-columns:1fr!important}}@media(max-width:640px){.animate-fade-in{max-width:100%!important}.glass-card table{font-size:12px!important}.glass-card table th,.glass-card table td{padding:8px 10px!important}.recharts-responsive-container{min-height:200px}}@media(max-width:840px){.analytics-page,.dashboard-page,.quick-deploy-page{padding-bottom:20px}}.table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.table-container::-webkit-scrollbar{width:4px}.table-container::-webkit-scrollbar-track{background:transparent}.table-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:9999px}.table-container::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:640px){.quick-deploy-page{padding:16px 12px!important}.form-row-2col{grid-template-columns:1fr!important;gap:12px!important}.quick-deploy-page input,.quick-deploy-page select,.quick-deploy-page textarea{width:100%!important;min-height:44px!important;font-size:16px!important}.quick-deploy-page>div:nth-child(3){flex-direction:column!important}}@media(max-width:640px){.glass-card div[style*="display: flex"][style*=gap]{flex-wrap:wrap}.glass-card .btn-primary{width:100%!important;justify-content:center;min-height:44px!important}}@media(max-width:768px){[data-testid=deployment-history-table]>div:first-child{flex-direction:column!important;align-items:stretch!important}[data-testid=deployment-history-table]>div:first-child input,[data-testid=deployment-history-table]>div:first-child select,[data-testid=deployment-history-table]>div:first-child button{width:100%!important;flex:none!important}[role=tablist]{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;gap:4px!important}[role=tablist]::-webkit-scrollbar{display:none}}@media(max-width:640px){[style*="repeat(auto-fit, minmax(min(100%, 340px)"]{grid-template-columns:1fr!important}}@supports (padding: env(safe-area-inset-bottom)){.mobile-topbar{padding-top:calc(10px + env(safe-area-inset-top))}.app-main-content{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.live-panel-mobile-sheet{padding-bottom:env(safe-area-inset-bottom)}}@keyframes loginCardEnter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loginLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes loginGlowPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes loginBgDrift{0%{transform:translate(0) scale(1)}33%{transform:translate(10px,-8px) scale(1.02)}66%{transform:translate(-5px,5px) scale(.98)}to{transform:translate(0) scale(1)}}main[style*="minHeight: '100vh'"]>.glass-card,main[style*="min-height: 100vh"]>.glass-card{animation:loginCardEnter .5s var(--ease-spring-smooth) forwards}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:24px;position:relative;overflow:hidden}.login-page .login-card{animation:loginCardEnter .5s var(--ease-spring-smooth) forwards;position:relative;z-index:1}.login-page .login-logo{animation:loginLogoFloat 4s ease-in-out infinite}.login-page .login-bg-orb{animation:loginBgDrift 12s ease-in-out infinite;pointer-events:none}.login-page .login-bg-orb:nth-child(2){animation-delay:-4s;animation-duration:15s}.login-page .login-bg-orb:nth-child(3){animation-delay:-8s;animation-duration:10s}.login-page .login-field{opacity:0;animation:fadeIn .3s var(--ease-spring-smooth) forwards}.login-page .login-field:nth-child(1){animation-delay:.2s}.login-page .login-field:nth-child(2){animation-delay:.28s}.login-page .login-field:nth-child(3){animation-delay:.36s}.login-page .login-field:nth-child(4){animation-delay:.44s}.login-page .btn-primary{transition:all .2s var(--ease-spring-smooth)}.login-page .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb59,0 2px 8px #2563eb33}.login-page .btn-primary:active:not(:disabled){transform:translateY(0) scale(.98)}.login-page .provider-card{transition:all .2s var(--ease-spring-smooth)}.login-page .provider-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.login-page .provider-card:active:not(:disabled){transform:translateY(0) scale(.97)}.login-page input:focus,.login-page select:focus{transform:scale(1.005);transition:all .2s var(--ease-spring-smooth)}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-page .login-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:loginSpin .6s linear infinite;margin-right:8px;vertical-align:middle}.login-page .trust-footer{opacity:0;animation:fadeIn .4s var(--ease-spring-smooth) .6s forwards}@media(max-width:640px){.login-page{padding:60px 16px 16px;align-items:flex-start}.login-page .login-card{padding:24px 20px!important;width:100%!important}.login-page .login-bg-orb{display:none}}.desktop-topbar{display:flex}@media(max-width:840px){.desktop-topbar{display:none!important}}.chat-custom-scroll{--scrollbar-thumb: var(--border-medium);--scrollbar-track: transparent;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}@supports not (scrollbar-color: auto){.chat-custom-scroll::-webkit-scrollbar{width:6px;height:6px}.chat-custom-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.chat-custom-scroll::-webkit-scrollbar-track{background:var(--scrollbar-track)}}.suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;width:100%;max-width:800px;margin-top:24px}.suggestion-card{background:var(--bg-surface-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;text-align:left;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm);outline:none}.suggestion-card:hover{background:var(--bg-surface-card-hover);border-color:var(--border-medium);transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 12px #2563eb14}.suggestion-card:active{transform:translateY(0)}.suggestion-card-icon-container{width:32px;height:32px;border-radius:8px;background:#2563eb1a;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;transition:all .25s ease}.suggestion-card:hover .suggestion-card-icon-container{background:var(--accent-primary);color:#fff;transform:scale(1.05)}.suggestion-card-title{font-weight:600;font-size:13.5px;color:var(--text-primary)}.suggestion-card-text{font-size:12px;color:var(--text-muted);line-height:1.5}.chat-prompt-container{background:var(--bg-surface-elevated);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:12px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-md);transition:border-color .2s,box-shadow .2s;width:100%}.chat-prompt-container:focus-within{border-color:var(--border-glow);box-shadow:var(--shadow-lg),0 0 16px #2563eb26}.chat-prompt-textarea{background:transparent;border:none;resize:none;outline:none;font-family:inherit;font-size:13.5px;color:var(--text-primary);width:100%;min-height:48px;max-height:160px;padding:0;line-height:1.5}.chat-prompt-textarea::placeholder{color:var(--text-muted)}.chat-prompt-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.chat-prompt-status{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted)}.chat-prompt-send-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s var(--ease-spring-smooth)}.chat-prompt-send-btn:hover:not(:disabled){background:var(--accent-primary-hover);transform:scale(1.05);box-shadow:0 0 12px #2563eb4d}.chat-prompt-send-btn:active:not(:disabled){transform:scale(.95)}.chat-prompt-send-btn:disabled{opacity:.35;cursor:not-allowed}.chat-sidebar-btn{transition:all .2s var(--ease-spring-smooth);position:relative;display:flex;align-items:center;gap:8px}.chat-sidebar-btn:hover{background:var(--bg-surface-card-hover)!important;color:var(--text-primary)!important}.chat-sidebar-btn-active{background:#2563eb14!important;border-color:#2563eb4d!important;color:var(--accent-primary)!important;font-weight:600}.chat-sidebar-btn-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent-primary);border-radius:0 2px 2px 0;box-shadow:0 0 8px var(--accent-primary)}.chat-title-gradient{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.new-chat-button-premium{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.3);background:linear-gradient(135deg,var(--accent-primary),var(--accent-indigo));color:#fff;font-weight:600;font-size:13.5px;cursor:pointer;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #2563eb40;transition:all .2s var(--ease-spring-smooth)}.new-chat-button-premium:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb59,0 0 0 1px #ffffff1a}.new-chat-button-premium:active{transform:translateY(0) scale(.98)}
