:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#1a1a1a;--bg-elevated:#2a2a2a;--glass-light:hsla(0,0%,100%,.02);--glass-medium:hsla(0,0%,100%,.05);--glass-heavy:hsla(0,0%,100%,.08);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,.6),0 2px 4px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.7),0 4px 6px -2px rgba(0,0,0,.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.8),0 10px 10px -5px rgba(0,0,0,.4);--shadow-glow:0 0 20px rgba(0,255,65,.3);--shadow-glow-green:0 0 32px rgba(0,255,65,.4);--neu-shadow-light:hsla(0,0%,100%,.05);--neu-shadow-dark:rgba(0,0,0,.5);--neu-inset-light:inset 2px 2px 5px rgba(0,0,0,.5);--neu-inset-dark:inset -2px -2px 5px hsla(0,0%,100%,.05);--neu-raised-light:6px 6px 12px var(--neu-shadow-dark);--neu-raised-dark:-6px -6px 12px var(--neu-shadow-light);--neu-soft-light:4px 4px 8px rgba(0,0,0,.4);--neu-soft-dark:-4px -4px 8px hsla(0,0%,100%,.03);--text-primary:#fff;--text-secondary:#ccc;--text-tertiary:#999;--text-disabled:#777;--brand-primary:#00ff41;--brand-primary-hover:#00d938;--brand-primary-active:#00b830;--brand-secondary:#00bfff;--brand-secondary-hover:#00a8e6;--brand-secondary-active:#0092cc;--accent-green:#00ff41;--accent-white:#fff;--muted-green:#00d938;--hot-red:#ff0040;--amber:#ffe500;--soft-pink:#ff3d8a;--soft-blue:#00bfff;--light-orange:#ff8c00;--success:#00ff41;--success-bg:rgba(0,255,65,.1);--success-border:rgba(0,255,65,.3);--warning:#ffe500;--warning-bg:rgba(255,229,0,.1);--warning-border:rgba(255,229,0,.3);--error:#ff0040;--error-bg:rgba(255,0,64,.1);--error-border:rgba(255,0,64,.3);--info:#00bfff;--info-bg:rgba(0,191,255,.1);--info-border:rgba(0,191,255,.3);--border-color:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.12);--divider:hsla(0,0%,100%,.06);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-overlay:1200;--z-modal:1300;--z-popover:1400;--z-tooltip:1500}[data-theme=light]{--bg-primary:#e8e8e8;--bg-secondary:#f0f0f0;--bg-tertiary:#f8f8f8;--bg-elevated:#fff;--neu-shadow-light:hsla(0,0%,100%,.8);--neu-shadow-dark:rgba(0,0,0,.15);--neu-inset-light:inset 2px 2px 5px rgba(0,0,0,.15);--neu-inset-dark:inset -2px -2px 5px hsla(0,0%,100%,.8);--neu-raised-light:6px 6px 12px var(--neu-shadow-dark);--neu-raised-dark:-6px -6px 12px var(--neu-shadow-light);--neu-soft-light:4px 4px 8px rgba(0,0,0,.1);--neu-soft-dark:-4px -4px 8px hsla(0,0%,100%,.7);--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#7a7a7a;--text-disabled:#b8b8b8;--border-color:rgba(0,0,0,.08);--border-hover:rgba(0,0,0,.12);--divider:rgba(0,0,0,.06)}.neu-flat{box-shadow:var(--neu-raised-light),var(--neu-raised-dark)}.neu-flat,.neu-pressed{background:var(--bg-secondary)}.neu-pressed{box-shadow:var(--neu-inset-light),var(--neu-inset-dark)}.neu-soft{background:var(--bg-secondary);box-shadow:var(--neu-soft-light),var(--neu-soft-dark)}.neu-concave{background:linear-gradient(145deg,var(--bg-primary),var(--bg-tertiary))}.neu-concave,.neu-convex{box-shadow:var(--neu-raised-light),var(--neu-raised-dark)}.neu-convex{background:linear-gradient(145deg,var(--bg-tertiary),var(--bg-primary))}.neu-hover{transition:all var(--transition-base)}.neu-hover:hover{transform:translateY(-1px);box-shadow:8px 8px 16px var(--neu-shadow-dark),-8px -8px 16px var(--neu-shadow-light)}.neu-active:active{transform:translateY(1px);box-shadow:var(--neu-inset-light),var(--neu-inset-dark)}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);margin:0}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0;color:var(--text-secondary)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary-hover)}code{font-family:var(--font-mono);font-size:.875em;background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:var(--radius-sm)}button{cursor:pointer;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none}input,select,textarea{color:inherit;outline:none}input::placeholder,textarea::placeholder{color:var(--text-disabled)}.container{max-width:1280px;margin:0 auto}.container,.container-fluid{width:100%;padding:0 var(--space-6)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-green);box-shadow:var(--shadow-glow)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-primary)}::selection{background-color:var(--accent-green);color:var(--bg-primary)}::-moz-selection{background-color:var(--accent-green);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}.glass-surface{background:var(--glass-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08)}.glass-surface:hover{background:var(--glass-medium);border-color:hsla(0,0%,100%,.15);box-shadow:var(--shadow-glow)}.glass-surface-medium{background:var(--glass-medium);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.15)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-glow-green{box-shadow:var(--shadow-glow-green)}.btn-electric{background:var(--accent-green);color:var(--bg-primary);border:1px solid var(--accent-green);font-weight:600;transition:all .2s ease}.btn-electric:hover{background:var(--muted-green);box-shadow:var(--shadow-glow-green);transform:translateY(-1px)}.card-modern{background:var(--bg-secondary);border:1px solid var(--bg-elevated);border-radius:var(--radius-xl);transition:all .3s ease}.card-modern:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,255,65,.12);border-color:var(--accent-green)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}[data-theme=dark]{--page-bg:#000;--card-bg:#1a1a1a;--text:#fff;--text-secondary:#ccc;--border:hsla(0,0%,100%,.1)}[data-theme=light]{--page-bg:#f9fafb;--card-bg:#fff;--text:#111827;--text-secondary:#6b7280;--border:#e5e7eb}