@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--color-primary: 22 119 255;--color-primary-light: 64 150 255;--color-primary-dark: 9 88 217;--color-yellow: 250 173 20;--color-orange: 250 140 22;--color-neon-cyan: 0 255 255;--color-neon-magenta: 255 0 255;--color-neon-green: 0 255 0;--clx-bg-app: 248 247 244;--clx-bg-sidebar: 255 255 255;--clx-bg-card: 255 255 255;--clx-bg-card-hover: 249 250 251;--clx-bg-surface: 241 245 249;--clx-bg-elevated: 255 255 255;--clx-bg-skeleton: 226 232 240;--clx-text-primary: 15 23 42;--clx-text-secondary: 71 85 105;--clx-text-muted: 148 163 184;--clx-text-inverse: 255 255 255;--clx-border: 226 232 240;--clx-border-light: 241 245 249;--clx-border-accent: 22 119 255;--clx-shadow-card: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--clx-shadow-card-hover: 0 10px 25px rgba(0,0,0,.06), 0 4px 10px rgba(0,0,0,.03);--clx-shadow-glass: 0 8px 32px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.8);--clx-glass-bg: rgba(255,255,255,.65);--clx-glass-border-from: rgba(255,255,255,.8);--clx-glass-border-via: rgba(22,119,255,.15);--clx-glass-border-to: rgba(22,119,255,.08);--clx-glass-inset-top: rgba(255,255,255,.9);--clx-glass-inset-bottom: rgba(0,0,0,.02);--clx-glass-shimmer: rgba(255,255,255,.6);--clx-scrollbar-track: #f1f5f9;--clx-scrollbar-thumb: #cbd5e1;--clx-scrollbar-thumb-hover: #94a3b8;--clx-ring-offset: 248 247 244;--clx-grid-color: rgba(22, 119, 255, .04)}.dark{--color-bg-primary: 13 13 13;--color-bg-secondary: 20 20 20;--color-bg-tertiary: 26 26 26;--color-bg-card: 20 20 20;--color-text-primary: 255 255 255;--color-text-secondary: 156 163 175;--color-text-muted: 107 114 128;--color-border: 55 65 81;--color-border-light: 75 85 99;--clx-bg-app: 13 13 13;--clx-bg-sidebar: 20 20 20;--clx-bg-card: 20 20 20;--clx-bg-card-hover: 26 26 26;--clx-bg-surface: 26 26 26;--clx-bg-elevated: 30 30 30;--clx-bg-skeleton: 38 38 38;--clx-text-primary: 255 255 255;--clx-text-secondary: 156 163 175;--clx-text-muted: 107 114 128;--clx-text-inverse: 15 23 42;--clx-border: 55 65 81;--clx-border-light: 75 85 99;--clx-border-accent: 22 119 255;--clx-shadow-card: 0 4px 6px -1px rgba(0,0,0,.3), 0 2px 4px -2px rgba(0,0,0,.3);--clx-shadow-card-hover: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.4);--clx-shadow-glass: 0 8px 32px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.05);--clx-glass-bg: rgba(20,20,20,.75);--clx-glass-border-from: rgba(255,255,255,.12);--clx-glass-border-via: rgba(22,119,255,.2);--clx-glass-border-to: rgba(250,140,22,.1);--clx-glass-inset-top: rgba(255,255,255,.06);--clx-glass-inset-bottom: rgba(0,0,0,.3);--clx-glass-shimmer: rgba(255,255,255,.04);--clx-scrollbar-track: #141414;--clx-scrollbar-thumb: #4b5563;--clx-scrollbar-thumb-hover: #6b7280;--clx-ring-offset: 13 13 13;--clx-grid-color: rgba(22, 119, 255, .02)}.vanilla-lavender{--color-primary: 139 92 246;--color-primary-light: 167 139 250;--color-primary-dark: 109 40 217;--clx-bg-app: 250 248 244;--clx-bg-sidebar: 237 233 245;--clx-bg-card: 255 255 255;--clx-bg-card-hover: 248 245 255;--clx-bg-surface: 245 242 252;--clx-bg-elevated: 255 255 255;--clx-bg-skeleton: 218 210 235;--clx-text-primary: 44 33 69;--clx-text-secondary: 100 80 130;--clx-text-muted: 160 145 185;--clx-text-inverse: 255 255 255;--clx-border: 218 210 235;--clx-border-light: 235 230 248;--clx-border-accent: 139 92 246;--clx-shadow-card: 0 1px 3px rgba(100,50,200,.08), 0 1px 2px rgba(100,50,200,.05);--clx-shadow-card-hover: 0 10px 25px rgba(100,50,200,.1), 0 4px 10px rgba(100,50,200,.05);--clx-shadow-glass: 0 8px 32px rgba(100,50,200,.08), inset 0 1px 0 rgba(255,255,255,.8);--clx-glass-bg: rgba(237,233,245,.75);--clx-glass-border-from: rgba(255,255,255,.85);--clx-glass-border-via: rgba(139,92,246,.2);--clx-glass-border-to: rgba(139,92,246,.1);--clx-glass-inset-top: rgba(255,255,255,.9);--clx-glass-inset-bottom: rgba(0,0,0,.02);--clx-glass-shimmer: rgba(255,255,255,.65);--clx-scrollbar-track: #f0ebf8;--clx-scrollbar-thumb: #c4b5d9;--clx-scrollbar-thumb-hover: #a78bcc;--clx-ring-offset: 250 248 244;--clx-grid-color: rgba(139, 92, 246, .04)}.vanilla-sherbert{--color-primary: 249 115 22;--color-primary-light: 251 146 60;--color-primary-dark: 234 88 12;--clx-bg-app: 255 243 224;--clx-bg-sidebar: 255 232 204;--clx-bg-card: 245 200 145;--clx-bg-card-hover: 240 188 125;--clx-bg-surface: 250 215 165;--clx-bg-elevated: 248 208 155;--clx-bg-skeleton: 235 180 110;--clx-text-primary: 52 30 8;--clx-text-secondary: 100 55 10;--clx-text-muted: 155 105 50;--clx-text-inverse: 255 255 255;--clx-border: 230 175 105;--clx-border-light: 240 195 140;--clx-border-accent: 249 115 22;--clx-shadow-card: 0 1px 3px rgba(180,90,15,.12), 0 1px 2px rgba(180,90,15,.08);--clx-shadow-card-hover: 0 10px 25px rgba(180,90,15,.15), 0 4px 10px rgba(180,90,15,.08);--clx-shadow-glass: 0 8px 32px rgba(180,90,15,.12), inset 0 1px 0 rgba(255,255,255,.6);--clx-glass-bg: rgba(245,200,145,.8);--clx-glass-border-from: rgba(255,230,180,.9);--clx-glass-border-via: rgba(249,115,22,.25);--clx-glass-border-to: rgba(249,115,22,.12);--clx-glass-inset-top: rgba(255,240,200,.8);--clx-glass-inset-bottom: rgba(160,80,10,.05);--clx-glass-shimmer: rgba(255,235,190,.6);--clx-scrollbar-track: #f5d49a;--clx-scrollbar-thumb: #d4960e;--clx-scrollbar-thumb-hover: #c07e08;--clx-ring-offset: 255 243 224;--clx-grid-color: rgba(249, 115, 22, .06)}.elksight{--color-primary: 234 88 12;--color-primary-light: 251 146 60;--color-primary-dark: 194 65 12;--clx-bg-app: 246 248 250;--clx-bg-sidebar: 30 41 59;--clx-bg-card: 255 255 255;--clx-bg-card-hover: 248 250 252;--clx-bg-surface: 241 245 249;--clx-bg-elevated: 255 255 255;--clx-bg-skeleton: 226 232 240;--clx-text-primary: 30 41 59;--clx-text-secondary: 71 85 105;--clx-text-muted: 148 163 184;--clx-text-inverse: 255 255 255;--clx-border: 226 232 240;--clx-border-light: 241 245 249;--clx-border-accent: 234 88 12;--clx-shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--clx-shadow-card-hover: 0 10px 25px rgba(0,0,0,.08), 0 4px 10px rgba(0,0,0,.04);--clx-shadow-glass: 0 8px 32px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.8);--clx-glass-bg: rgba(255,255,255,.7);--clx-glass-border-from: rgba(255,255,255,.85);--clx-glass-border-via: rgba(234,88,12,.15);--clx-glass-border-to: rgba(234,88,12,.08);--clx-glass-inset-top: rgba(255,255,255,.9);--clx-glass-inset-bottom: rgba(0,0,0,.02);--clx-glass-shimmer: rgba(255,255,255,.65);--clx-scrollbar-track: #f1f5f9;--clx-scrollbar-thumb: #cbd5e1;--clx-scrollbar-thumb-hover: #94a3b8;--clx-ring-offset: 246 248 250;--clx-grid-color: rgba(234, 88, 12, .03)}.elksight-dark{--color-primary: 234 88 12;--color-primary-light: 251 146 60;--color-primary-dark: 194 65 12;--color-bg-primary: 11 22 40;--color-bg-secondary: 15 29 52;--color-bg-tertiary: 31 45 66;--color-bg-card: 15 29 52;--color-text-primary: 232 238 245;--color-text-secondary: 157 175 193;--color-text-muted: 125 143 163;--color-border: 42 58 80;--color-border-light: 55 75 100;--clx-bg-app: 11 22 40;--clx-bg-sidebar: 19 30 53;--clx-bg-card: 15 29 52;--clx-bg-card-hover: 31 45 66;--clx-bg-surface: 31 45 66;--clx-bg-elevated: 35 50 72;--clx-bg-skeleton: 42 58 80;--clx-text-primary: 232 238 245;--clx-text-secondary: 157 175 193;--clx-text-muted: 125 143 163;--clx-text-inverse: 30 41 59;--clx-border: 42 58 80;--clx-border-light: 55 75 100;--clx-border-accent: 234 88 12;--clx-shadow-card: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -2px rgba(0,0,0,.3);--clx-shadow-card-hover: 0 10px 15px -3px rgba(0,0,0,.5), 0 4px 6px -4px rgba(0,0,0,.4);--clx-shadow-glass: 0 8px 32px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05);--clx-glass-bg: rgba(15,29,52,.85);--clx-glass-border-from: rgba(255,255,255,.1);--clx-glass-border-via: rgba(234,88,12,.25);--clx-glass-border-to: rgba(234,88,12,.1);--clx-glass-inset-top: rgba(255,255,255,.06);--clx-glass-inset-bottom: rgba(0,0,0,.3);--clx-glass-shimmer: rgba(255,255,255,.04);--clx-scrollbar-track: #0f1d34;--clx-scrollbar-thumb: #2a3a50;--clx-scrollbar-thumb-hover: #3d5474;--clx-ring-offset: 11 22 40;--clx-grid-color: rgba(234, 88, 12, .02)}.daylight{--color-primary: 14 165 233;--color-primary-light: 56 189 248;--color-primary-dark: 2 132 199;--clx-bg-app: 240 249 255;--clx-bg-sidebar: 255 255 255;--clx-bg-card: 255 255 255;--clx-bg-card-hover: 240 249 255;--clx-bg-surface: 224 242 254;--clx-bg-elevated: 255 255 255;--clx-bg-skeleton: 186 219 241;--clx-text-primary: 7 44 84;--clx-text-secondary: 51 103 153;--clx-text-muted: 120 160 200;--clx-text-inverse: 255 255 255;--clx-border: 186 219 241;--clx-border-light: 214 234 248;--clx-border-accent: 14 165 233;--clx-shadow-card: 0 1px 3px rgba(0,100,180,.08), 0 1px 2px rgba(0,100,180,.05);--clx-shadow-card-hover: 0 10px 25px rgba(0,100,180,.1), 0 4px 10px rgba(0,100,180,.05);--clx-shadow-glass: 0 8px 32px rgba(0,100,180,.08), inset 0 1px 0 rgba(255,255,255,.9);--clx-glass-bg: rgba(240,249,255,.8);--clx-glass-border-from: rgba(255,255,255,.95);--clx-glass-border-via: rgba(14,165,233,.2);--clx-glass-border-to: rgba(14,165,233,.1);--clx-glass-inset-top: rgba(255,255,255,.95);--clx-glass-inset-bottom: rgba(0,0,0,.02);--clx-glass-shimmer: rgba(255,255,255,.8);--clx-scrollbar-track: #e0f2fe;--clx-scrollbar-thumb: #7dd3fc;--clx-scrollbar-thumb-hover: #38bdf8;--clx-ring-offset: 240 249 255;--clx-grid-color: rgba(14, 165, 233, .04)}*{border-color:rgb(var(--clx-border))}html{@apply scroll-smooth;}body{@apply font-body antialiased;background-color:rgb(var(--clx-bg-app));color:rgb(var(--clx-text-primary));background-image:linear-gradient(var(--clx-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--clx-grid-color) 1px,transparent 1px);background-size:50px 50px}::-webkit-scrollbar{@apply w-2 h-2;}::-webkit-scrollbar-track{background:var(--clx-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--clx-scrollbar-thumb);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--clx-scrollbar-thumb-hover)}::selection{@apply bg-primary-500/30 text-white;}*:focus-visible{@apply outline-none ring-2 ring-primary-500 ring-offset-2;--tw-ring-offset-color: rgb(var(--clx-ring-offset))}}@layer components{.glass-card{position:relative;background:var(--clx-glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid transparent;border-radius:.75rem;box-shadow:var(--clx-shadow-glass),inset 0 1px 0 var(--clx-glass-inset-top),inset 0 -1px 0 var(--clx-glass-inset-bottom);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--clx-glass-border-from) 0%,var(--clx-glass-border-via) 40%,transparent 50%,var(--clx-glass-border-via) 60%,var(--clx-glass-border-to) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .4s ease}.glass-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--clx-glass-shimmer) 20%,var(--clx-glass-shimmer) 50%,var(--clx-glass-shimmer) 80%,transparent 100%);pointer-events:none}.glass-card:hover{box-shadow:var(--clx-shadow-card-hover),inset 0 1px 0 var(--clx-glass-inset-top),inset 0 -1px 0 var(--clx-glass-inset-bottom);transform:translateY(-1px)}.glass-card:hover:before{opacity:1;background:linear-gradient(135deg,var(--clx-glass-border-from) 0%,rgba(22,119,255,.3) 30%,rgba(22,119,255,.1) 50%,rgba(22,119,255,.3) 70%,var(--clx-glass-border-to) 100%)}.glass-stat-card{position:relative;background:var(--clx-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1rem;border:1px solid transparent;box-shadow:var(--clx-shadow-glass),inset 0 1px 0 var(--clx-glass-inset-top);transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-stat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(145deg,var(--clx-glass-border-from) 0%,var(--clx-glass-border-via) 35%,transparent 55%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-stat-card:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--clx-glass-shimmer),transparent);pointer-events:none}.glass-stat-card:hover{transform:translateY(-2px);box-shadow:var(--clx-shadow-card-hover),inset 0 1px 0 var(--clx-glass-inset-top)}.theme-toggle{position:relative;width:52px;height:28px;border-radius:14px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;outline:none;padding:0}.theme-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:background .4s ease;overflow:hidden}.dark .theme-toggle-track{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:inset 0 1px 3px #0006}:root:not(.dark) .theme-toggle-track,html:not(.dark) .theme-toggle-track{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:inset 0 1px 3px #0000001a}.theme-toggle-thumb{position:absolute;top:3px;width:22px;height:22px;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.dark .theme-toggle-thumb{left:27px;background:linear-gradient(135deg,#475569,#334155);box-shadow:0 1px 4px #00000080,inset 0 1px #ffffff1a}html:not(.dark) .theme-toggle-thumb{left:3px;background:linear-gradient(135deg,#fff,#fefce8);box-shadow:0 1px 4px #00000026,0 0 8px #fbbf244d}.cyber-container{@apply relative;}.cyber-container:before{content:"";@apply absolute inset-0 rounded-lg pointer-events-none;background:linear-gradient(135deg,rgba(22,119,255,.1) 0%,transparent 50%,rgba(250,173,20,.1) 100%)}.glow-border{@apply relative overflow-hidden;}.glow-border:before{content:"";@apply absolute inset-0 rounded-lg;background:linear-gradient(45deg,#1677ff80,#00ffff80,#faad1480,#fa8c1680);background-size:400% 400%;animation:gradient-shift 4s ease infinite;z-index:-1;margin:-2px}.neon-card{background-color:rgb(var(--clx-bg-card));border:1px solid rgb(var(--clx-border));box-shadow:var(--clx-shadow-card);@apply rounded-lg transition-all duration-300;}.neon-card:hover{@apply border-primary-500/50 shadow-neon-blue;}.typeflow-input{@apply relative overflow-hidden;}.typeflow-input:after{content:"";@apply absolute bottom-0 left-0 h-0.5 bg-primary-500;width:0;transition:width .3s ease}.typeflow-input:focus-within:after{width:100%}.construction-loader{@apply relative w-16 h-16;}.construction-loader .hammer{@apply absolute w-8 h-8 text-accent-yellow-500;animation:hammer-swing .5s ease-in-out infinite alternate}.status-draft{@apply bg-gray-500/20 text-gray-400 border-gray-500/50;}.status-in_progress{@apply bg-primary-500/20 text-primary-400 border-primary-500/50;}.status-pending_review{@apply bg-accent-yellow-500/20 text-accent-yellow-400 border-accent-yellow-500/50;}.status-approved{@apply bg-emerald-500/20 text-emerald-400 border-emerald-500/50;}.status-submitted{@apply bg-violet-500/20 text-violet-400 border-violet-500/50;}.status-won{@apply bg-green-500/20 text-green-400 border-green-500/50;}.status-lost{@apply bg-red-500/20 text-red-400 border-red-500/50;}.status-archived{@apply bg-gray-500/20 text-gray-500 border-gray-500/50;}}@layer utilities{.bg-theme-app{background-color:rgb(var(--clx-bg-app))!important}.bg-theme-sidebar{background-color:rgb(var(--clx-bg-sidebar))!important}.bg-theme-card{background-color:rgb(var(--clx-bg-card))!important}.bg-theme-surface{background-color:rgb(var(--clx-bg-surface))!important}.bg-theme-elevated{background-color:rgb(var(--clx-bg-elevated))!important}.bg-theme-skeleton{background-color:rgb(var(--clx-bg-skeleton))!important}.text-theme-primary{color:rgb(var(--clx-text-primary))!important}.text-theme-secondary{color:rgb(var(--clx-text-secondary))!important}.text-theme-muted{color:rgb(var(--clx-text-muted))!important}.border-theme{border-color:rgb(var(--clx-border))!important}.border-theme-light{border-color:rgb(var(--clx-border-light))!important}.shadow-theme-card{box-shadow:var(--clx-shadow-card)}.shadow-theme-card-hover{box-shadow:var(--clx-shadow-card-hover)}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-primary-400 via-neon-cyan to-accent-yellow-400;}.shimmer{@apply relative overflow-hidden;}.shimmer:after{content:"";@apply absolute inset-0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:shimmer 2s infinite}.glass{background-color:rgb(var(--clx-bg-card) / .8);@apply backdrop-blur-md;}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes hammer-swing{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}