@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;scroll-behavior:smooth}body{font-family:var(--font-sans,"Inter",system-ui,sans-serif);line-height:1.6;color:#ffffff;background:linear-gradient(180deg,#0f1421,#1a1d2e 50%,#0a0b1a);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:450}.v2-root,body{overflow-x:hidden;position:relative;min-height:100vh}.v2-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:linear-gradient(180deg,#0f1421,#1a1d2e 50%,#0a0b1a);min-height:100vh}.v2-background:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.12) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(168,85,247,.08) 0,transparent 50%);animation:gradientFloat 30s ease-in-out infinite}.glass-medium,.glass-subtle{background:rgba(255,255,255,.03);backdrop-filter:blur(40px) saturate(100%);-webkit-backdrop-filter:blur(40px) saturate(100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px 0 rgba(0,0,0,.3);border-radius:var(--border-radius-card,16px);position:relative}.glass-strong{background:rgba(255,255,255,.05);backdrop-filter:blur(50px) saturate(100%);-webkit-backdrop-filter:blur(50px) saturate(100%);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px 0 rgba(0,0,0,.35);border-radius:var(--border-radius-card,18px);position:relative}.glass-intense{background:rgba(255,255,255,.06);backdrop-filter:blur(60px) saturate(100%);-webkit-backdrop-filter:blur(60px) saturate(100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 48px 0 rgba(0,0,0,.4);border-radius:var(--border-radius-card,20px);position:relative}:root{--color-primary:#8b5cf6;--color-primary-light:#a78bfa;--color-primary-dark:#7c3aed;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-dark:#dc2626;--color-text-primary:#ffffff;--color-text-secondary:#e5e7eb;--color-text-tertiary:#9ca3af;--color-border:rgba(255,255,255,0.1);--color-border-light:rgba(255,255,255,0.05);--color-bg-primary:#0f1421;--color-bg-secondary:#1a1d2e;--color-bg-tertiary:#0a0b1a}h1,h2,h3,h4,h5,h6{font-family:Lexend,Inter,sans-serif;font-weight:650;line-height:1.25;color:#ffffff;letter-spacing:-.02em}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}.btn-primary,h6{font-size:.875rem}.btn-primary{background:var(--color-primary);color:white;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(27,31,36,.12)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 3px 12px rgba(3,102,214,.2);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:.625rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-tertiary);transform:translateY(-1px)}.nav-tab{padding:.625rem 1.125rem;border-radius:10px;font-size:.875rem;font-weight:550;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;background:transparent;position:relative}.nav-tab:hover{background:rgba(255,255,255,.5);box-shadow:0 2px 8px rgba(0,0,0,.04)}.nav-tab.active{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(248,250,252,.95));color:var(--color-primary);box-shadow:0 2px 12px rgba(3,102,214,.08),inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(3,102,214,.1);font-weight:600}.nav-tab.active:before{content:"";position:absolute;bottom:-2px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.5}.btn-glass{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.btn-glass-subtle{background:rgba(255,255,255,.03);backdrop-filter:blur(40px);color:rgba(255,255,255,.8)}.btn-glass-subtle:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,1);border-color:rgba(255,255,255,.15)}.btn-glass-primary{background:rgba(139,92,246,.15);backdrop-filter:blur(40px);color:rgba(167,139,250,1);border-color:rgba(139,92,246,.3)}.btn-glass-primary:hover{background:rgba(139,92,246,.25);color:rgba(167,139,250,1);border-color:rgba(139,92,246,.5);box-shadow:0 0 20px rgba(139,92,246,.2)}.gradient-text-primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-success{background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes gradientFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-slide-up{animation:slideInUp .3s ease-out}.animate-fade-in{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}:focus{outline:none;box-shadow:0 0 0 3px rgba(3,102,214,.1)}.skeleton{background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,.03),0 1px 2px rgba(0,0,0,.02);transition:all .2s ease}.card:hover{box-shadow:0 4px 12px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.03);transform:translateY(-2px)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.active{background:var(--color-success);box-shadow:0 0 0 3px rgba(40,167,69,.1);animation:pulse 2s ease-in-out infinite}.status-dot.inactive{background:var(--color-text-tertiary)}.status-dot.error{background:var(--color-danger);box-shadow:0 0 0 3px rgba(220,53,69,.1)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(40,167,69,.4)}70%{box-shadow:0 0 0 6px rgba(40,167,69,0)}to{box-shadow:0 0 0 0 rgba(40,167,69,0)}}.table{width:100%;border-collapse:collapse}.table th{background:var(--color-bg-secondary);text-align:left;font-weight:600;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.table td,.table th{padding:.75rem 1rem;font-size:.875rem}.table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.table tr:hover{background:var(--color-bg-tertiary)}@media (max-width:768px){.glass-intense,.glass-medium,.glass-strong,.glass-subtle{border-radius:8px}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}@media print{.v2-background{display:none}body{background:white;color:black}}:root{--spacing-card-padding:1.5rem;--spacing-card-padding-x:1.5rem;--spacing-card-padding-y:1.5rem;--spacing-card-gap:1rem;--spacing-section-gap:1.5rem;--spacing-section-padding:1.5rem;--spacing-element-gap:1rem;--spacing-element-padding:0.75rem;--spacing-tight-gap:0.5rem;--font-size-heading-xl:1.875rem;--font-size-heading-lg:1.5rem;--font-size-heading:1.25rem;--font-size-body:1rem;--font-size-small:0.875rem;--font-size-tiny:0.75rem;--line-height-tight:1.4;--line-height-normal:1.6;--line-height-relaxed:1.8;--button-padding-x:1.25rem;--button-padding-y:0.625rem;--button-height:2.5rem;--button-font-size:0.875rem;--input-padding-x:1rem;--input-padding-y:0.75rem;--input-height:2.75rem;--input-font-size:1rem;--border-radius-card:16px;--border-radius-button:10px;--border-radius-input:10px;--border-radius-badge:6px;--icon-size-sm:1rem;--icon-size-md:1.25rem;--icon-size-lg:1.5rem;--icon-size-xl:2rem}[data-density=compact]{--spacing-card-padding:1rem;--spacing-card-padding-x:1rem;--spacing-card-padding-y:1rem;--spacing-card-gap:0.75rem;--spacing-section-gap:1rem;--spacing-section-padding:1rem;--spacing-element-gap:0.625rem;--spacing-element-padding:0.5rem;--spacing-tight-gap:0.375rem;--font-size-heading-xl:1.5rem;--font-size-heading-lg:1.25rem;--font-size-heading:1.125rem;--font-size-body:0.875rem;--font-size-small:0.75rem;--font-size-tiny:0.6875rem;--line-height-tight:1.3;--line-height-normal:1.5;--line-height-relaxed:1.7;--button-padding-x:1rem;--button-padding-y:0.5rem;--button-height:2rem;--button-font-size:0.75rem;--input-padding-x:0.875rem;--input-padding-y:0.625rem;--input-height:2.25rem;--input-font-size:0.875rem;--border-radius-card:12px;--border-radius-button:8px;--border-radius-input:8px;--border-radius-badge:4px;--icon-size-sm:0.875rem;--icon-size-md:1rem;--icon-size-lg:1.25rem;--icon-size-xl:1.75rem}[data-density=spacious]{--spacing-card-padding:2rem;--spacing-card-padding-x:2rem;--spacing-card-padding-y:2rem;--spacing-card-gap:1.5rem;--spacing-section-gap:2rem;--spacing-section-padding:2rem;--spacing-element-gap:1.5rem;--spacing-element-padding:1rem;--spacing-tight-gap:0.75rem;--font-size-heading-xl:2.25rem;--font-size-heading-lg:1.875rem;--font-size-heading:1.5rem;--font-size-body:1.125rem;--font-size-small:1rem;--font-size-tiny:0.875rem;--line-height-tight:1.5;--line-height-normal:1.7;--line-height-relaxed:1.9;--button-padding-x:1.5rem;--button-padding-y:0.75rem;--button-height:3rem;--button-font-size:1rem;--input-padding-x:1.25rem;--input-padding-y:1rem;--input-height:3.25rem;--input-font-size:1.125rem;--border-radius-card:20px;--border-radius-button:12px;--border-radius-input:12px;--border-radius-badge:8px;--icon-size-sm:1.125rem;--icon-size-md:1.5rem;--icon-size-lg:1.875rem;--icon-size-xl:2.5rem}.density-card-padding{padding:var(--spacing-card-padding)}.density-card-padding-x{padding-left:var(--spacing-card-padding-x);padding-right:var(--spacing-card-padding-x)}.density-card-padding-y{padding-top:var(--spacing-card-padding-y);padding-bottom:var(--spacing-card-padding-y)}.density-card-gap{gap:var(--spacing-card-gap)}.density-section-gap{gap:var(--spacing-section-gap)}.density-section-padding{padding:var(--spacing-section-padding)}.density-element-gap{gap:var(--spacing-element-gap)}.density-tight-gap{gap:var(--spacing-tight-gap)}.density-text-heading-xl{font-size:var(--font-size-heading-xl);line-height:var(--line-height-tight)}.density-text-heading-lg{font-size:var(--font-size-heading-lg);line-height:var(--line-height-tight)}.density-text-heading{font-size:var(--font-size-heading);line-height:var(--line-height-tight)}.density-text-body{font-size:var(--font-size-body);line-height:var(--line-height-normal)}.density-text-small{font-size:var(--font-size-small);line-height:var(--line-height-normal)}.density-text-tiny{font-size:var(--font-size-tiny);line-height:var(--line-height-tight)}.density-button{padding:var(--button-padding-y) var(--button-padding-x);height:var(--button-height);border-radius:var(--border-radius-button);font-size:var(--button-font-size);line-height:1}.density-input{padding:var(--input-padding-y) var(--input-padding-x);height:var(--input-height);border-radius:var(--border-radius-input);font-size:var(--input-font-size);line-height:1}.density-card-radius{border-radius:var(--border-radius-card)}.density-button-radius{border-radius:var(--border-radius-button)}.density-input-radius{border-radius:var(--border-radius-input)}.density-badge-radius{border-radius:var(--border-radius-badge)}.density-icon-sm{width:var(--icon-size-sm);height:var(--icon-size-sm)}.density-icon-md{width:var(--icon-size-md);height:var(--icon-size-md)}.density-icon-lg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.density-icon-xl{width:var(--icon-size-xl);height:var(--icon-size-xl)}[data-theme=light]{--theme-bg-primary:#ffffff;--theme-bg-secondary:#f6f8fa;--theme-bg-tertiary:#eaecef;--theme-text-primary:#24292e;--theme-text-secondary:#586069;--theme-text-tertiary:#6a737d;--theme-text-inverse:#ffffff;--theme-border-light:rgba(27,31,35,0.08);--theme-border-medium:rgba(27,31,35,0.15);--theme-border-strong:rgba(27,31,35,0.25)}[data-theme=light] body{color:var(--theme-text-primary)}[data-theme=light] .v2-background,[data-theme=light] body{background:linear-gradient(180deg,#f6f8fa,#ffffff 50%,#f6f8fa)}[data-theme=light] .v2-background:after{background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.06) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.04) 0,transparent 50%)}[data-theme=light] .glass-subtle{background:rgba(255,255,255,.7);border:1px solid rgba(27,31,35,.08);box-shadow:0 1px 3px 0 rgba(0,0,0,.03),0 1px 2px 0 rgba(0,0,0,.02)}[data-theme=light] .glass-medium,[data-theme=light] .glass-subtle{backdrop-filter:blur(40px) saturate(100%);-webkit-backdrop-filter:blur(40px) saturate(100%)}[data-theme=light] .glass-medium{background:rgba(255,255,255,.85);border:1px solid rgba(27,31,35,.1);box-shadow:0 2px 8px 0 rgba(0,0,0,.04),0 4px 12px 0 rgba(0,0,0,.02)}[data-theme=light] .glass-strong{background:rgba(255,255,255,.95);backdrop-filter:blur(50px) saturate(100%);-webkit-backdrop-filter:blur(50px) saturate(100%);border:1px solid rgba(27,31,35,.12);box-shadow:0 4px 16px 0 rgba(0,0,0,.06),0 8px 24px 0 rgba(0,0,0,.03)}[data-theme=light] .glass-intense{background:rgba(255,255,255,.98);backdrop-filter:blur(60px) saturate(100%);-webkit-backdrop-filter:blur(60px) saturate(100%);border:1px solid rgba(27,31,35,.15);box-shadow:0 8px 32px 0 rgba(0,0,0,.08),0 12px 48px 0 rgba(0,0,0,.04)}[data-theme=light] .text-white{color:var(--theme-text-primary)!important}[data-theme=light] .text-white\/50,[data-theme=light] .text-white\/60{color:var(--theme-text-secondary)!important}[data-theme=light] .text-white\/30,[data-theme=light] .text-white\/40{color:var(--theme-text-tertiary)!important}[data-theme=light] .text-neutral-300,[data-theme=light] .text-neutral-400{color:var(--theme-text-secondary)!important}[data-theme=light] .text-neutral-500,[data-theme=light] .text-neutral-600{color:var(--theme-text-tertiary)!important}[data-theme=light] .border-white\/10{border-color:var(--theme-border-light)!important}[data-theme=light] .border-white\/20{border-color:var(--theme-border-medium)!important}[data-theme=light] .bg-white\/5{background-color:rgba(27,31,35,.03)!important}[data-theme=light] .bg-white\/10,[data-theme=light] .bg-white\/8{background-color:rgba(27,31,35,.05)!important}[data-theme=light] .hover\:bg-white\/8:hover{background-color:rgba(27,31,35,.06)!important}[data-theme=light] .hover\:border-white\/20:hover{border-color:var(--theme-border-medium)!important}[data-theme=light] .hover\:text-white:hover{color:var(--theme-text-primary)!important}