:root{--bg-primary: #0a0c10;--bg-secondary: #0c0f14;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .04);--bg-sidebar: linear-gradient(180deg, #0c0f14 0%, #080a0d 100%);--bg-header: rgba(0, 0, 0, .4);--text-primary: #f0f6fc;--text-secondary: #7d8590;--text-muted: #484f58;--border-color: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .1);--card-shadow: 0 4px 24px rgba(0, 0, 0, .4);--hover-bg: rgba(255, 255, 255, .05);--accent-gradient: linear-gradient(135deg, #4dabf7, #be4bdb);--success-color: #40c057;--warning-color: #fab005;--error-color: #fa5252}[data-theme=light]{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--bg-sidebar: linear-gradient(180deg, #ffffff 0%, #f1f3f4 100%);--bg-header: rgba(255, 255, 255, .9);--text-primary: #1a1d23;--text-secondary: #57606a;--text-muted: #8b949e;--border-color: rgba(0, 0, 0, .1);--border-hover: rgba(0, 0, 0, .15);--card-shadow: 0 4px 24px rgba(0, 0, 0, .08);--hover-bg: rgba(0, 0, 0, .04)}html,body,#root{height:100%}body{background:var(--bg-primary);color:var(--text-primary);transition:background .3s ease,color .3s ease}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.h-full{height:100%}.w-full{width:100%}.search-container{position:relative;padding:0 1rem 1rem}.sidebar-search{width:100%;padding:10px 32px 10px 12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.85rem;transition:all .2s ease}.sidebar-search:focus{outline:none;border-color:#4dabf7;background:var(--hover-bg);box-shadow:0 0 0 2px #4dabf71a}.search-clear{position:absolute;right:20px;top:50%;transform:translateY(-50%) translateY(-.5rem);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:4px;line-height:1}.search-clear:hover{color:var(--text-primary)}.unit-list{padding-top:.5rem}:root{--color-bg-main: #050608;--color-bg-sidebar: #0a0d12;--color-bg-card: rgba(15, 20, 28, .85);--color-bg-card-hover: rgba(30, 38, 50, .9);--color-bg-elevated: rgba(20, 26, 36, .95);--color-border: rgba(56, 68, 82, .6);--color-border-subtle: rgba(56, 68, 82, .3);--color-text-primary: #f0f6fc;--color-text-secondary: #7d8590;--color-text-muted: #484f58;--color-accent-primary: #4dabf7;--color-accent-primary-glow: rgba(77, 171, 247, .3);--color-accent-success: #40c057;--color-accent-success-glow: rgba(64, 192, 87, .3);--color-accent-warning: #fab005;--color-accent-warning-glow: rgba(250, 176, 5, .3);--color-accent-danger: #fa5252;--color-accent-danger-glow: rgba(250, 82, 82, .3);--color-accent-purple: #be4bdb;--color-accent-purple-glow: rgba(190, 75, 219, .3);--color-accent-cyan: #22b8cf;--color-accent-pink: #f06595;--gradient-primary: linear-gradient(135deg, #4dabf7 0%, #be4bdb 50%, #f06595 100%);--gradient-success: linear-gradient(135deg, #40c057 0%, #22b8cf 100%);--gradient-glass: linear-gradient(145deg, rgba(20, 26, 36, .8) 0%, rgba(15, 20, 28, .4) 100%);--gradient-card: linear-gradient(180deg, rgba(25, 32, 45, .95) 0%, rgba(15, 20, 28, .85) 100%);--gradient-mesh: radial-gradient(at 40% 20%, rgba(77, 171, 247, .15) 0px, transparent 50%), radial-gradient(at 80% 0%, rgba(190, 75, 219, .15) 0px, transparent 50%), radial-gradient(at 0% 50%, rgba(64, 192, 87, .1) 0px, transparent 50%), radial-gradient(at 80% 50%, rgba(250, 176, 5, .08) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(77, 171, 247, .12) 0px, transparent 50%), radial-gradient(at 80% 100%, rgba(240, 101, 149, .1) 0px, transparent 50%);--glass-blur: blur(20px);--glass-bg: rgba(15, 20, 28, .7);--glass-border: rgba(255, 255, 255, .08);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow-blue: 0 0 40px rgba(77, 171, 247, .2);--shadow-glow-purple: 0 0 40px rgba(190, 75, 219, .2);--spacing-2xs: .125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg-main);background-image:var(--gradient-mesh);background-attachment:fixed;color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-accent-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--color-accent-primary-glow)}50%{box-shadow:0 0 40px var(--color-accent-primary-glow)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .5s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-pulse{animation:pulse 2s infinite}.animate-shimmer{animation:shimmer 2s infinite linear}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn-premium{position:relative;overflow:hidden;background:var(--gradient-card);border:1px solid var(--glass-border);color:var(--color-text-primary);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.btn-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);background-size:200% 100%;animation:shimmer 3s infinite}.btn-premium:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.card-premium{background:var(--gradient-card);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.card-premium:hover{border-color:#4dabf74d;box-shadow:var(--shadow-lg),var(--shadow-glow-blue);transform:translateY(-4px)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}