:root{--brand-50: #f0f9ff;--brand-100: #e0f2fe;--brand-200: #bae6fd;--brand-300: #7dd3fc;--brand-400: #38bdf8;--brand-500: #0ea5e9;--brand-600: #0284c7;--brand-700: #0369a1;--brand-800: #075985;--brand-900: #0c4a6e;--brand-950: #082f49;--shadow-premium: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 10px 15px -3px rgba(0, 0, 0, .08), 0 20px 25px -5px rgba(0, 0, 0, .05);--shadow-premium-hover: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 20px 30px -5px rgba(0, 0, 0, .12);--gradient-brand: linear-gradient(135deg, var(--brand-500) 0%, var(--brand-600) 100%);--gradient-brand-subtle: linear-gradient(135deg, var(--brand-400) 0%, var(--brand-600) 100%);--gradient-surface: linear-gradient(180deg, var(--brand-50) 0%, white 100%);--gradient-surface-dark: linear-gradient(180deg, #1f2937 0%, #111827 100%);--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: #ffffff;--bg-surface: #ffffff;--border-subtle: rgba(0, 0, 0, .05);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .15);--text-primary-dark: #ffffff;--text-secondary-dark: #a1a1aa;--text-tertiary-dark: #71717a;--text-muted-dark: #52525b;--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--accent-glow: rgba(59, 130, 246, .15);--status-success: #10b981;--status-success-glow: rgba(16, 185, 129, .15);--status-warning: #f59e0b;--status-warning-glow: rgba(245, 158, 11, .15);--status-error: #ef4444;--status-error-glow: rgba(239, 68, 68, .15);--status-info: #6366f1;--status-info-glow: rgba(99, 102, 241, .15)}.dark{--bg-primary: #020617;--bg-secondary: #0f172a;--bg-tertiary: #1e293b;--bg-elevated: #334155;--bg-surface: #0f172a;--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--shadow-premium: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 10px 15px -3px rgba(0, 0, 0, .5), 0 20px 25px -5px rgba(0, 0, 0, .4);--shadow-premium-hover: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 20px 30px -5px rgba(0, 0, 0, .6)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}*:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark ::-webkit-scrollbar-track,:root.dark ::-webkit-scrollbar-track{background:var(--brand-900)}.dark ::-webkit-scrollbar-thumb,:root.dark ::-webkit-scrollbar-thumb{background:var(--brand-700)}.dark ::-webkit-scrollbar-thumb:hover,:root.dark ::-webkit-scrollbar-thumb:hover{background:var(--brand-600)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.kanban-scroll{-webkit-overflow-scrolling:touch}.kanban-scroll::-webkit-scrollbar{height:6px}.kanban-scroll::-webkit-scrollbar-track{background:transparent}.kanban-scroll::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:3px}.kanban-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af99}.dark .kanban-scroll::-webkit-scrollbar-thumb{background:#64748b66}.dark .kanban-scroll::-webkit-scrollbar-thumb:hover{background:#64748b99}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:white;-webkit-box-shadow:0 0 0px 1000px var(--brand-800) inset;transition:background-color 5000s ease-in-out 0s}:not(.dark) input:-webkit-autofill,:not(.dark) input:-webkit-autofill:hover,:not(.dark) input:-webkit-autofill:focus{-webkit-text-fill-color:#1f2937;-webkit-box-shadow:0 0 0px 1000px #f3f4f6 inset}.glass{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#111827cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-brand{background:#0ea5e91a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(14,165,233,.2)}.gradient-brand{background:var(--gradient-brand)}.gradient-brand-subtle{background:var(--gradient-brand-subtle)}.gradient-surface{background:var(--gradient-surface)}.dark .gradient-surface{background:var(--gradient-surface-dark)}.gradient-text-brand{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(hover:none){.touch-feedback{-webkit-tap-highlight-color:rgba(14,165,233,.1)}.touch-feedback:active{transform:scale(.98);opacity:.9;transition:transform .1s ease,opacity .1s ease}}.skeleton{background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:shimmer 2s infinite}.dark .skeleton{background:linear-gradient(90deg,#374151,#4b5563,#374151);background-size:200% 100%}.skeleton-wave{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hover-lift{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-premium-hover)}.press-scale{transition:transform .1s ease}.press-scale:active{transform:scale(.98)}.transition-smooth{transition:all .2s cubic-bezier(.16,1,.3,1)}.ease-spring{transition-timing-function:cubic-bezier(.16,1,.3,1)}.skip-link{position:absolute;top:-100%;left:0;z-index:9999;padding:.75rem 1.5rem;background:var(--brand-500);color:#fff;font-weight:500;border-radius:0 0 .5rem;transition:top .2s ease}.skip-link:focus{top:0;outline:none}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;border-radius:0 0 .5rem .5rem}.toast-progress-animate{animation:progress-shrink linear forwards}@keyframes progress-shrink{0%{width:100%}to{width:0%}}.checkbox-bounce{animation:bounce-check .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce-check{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.modal-backdrop{background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.dark .modal-backdrop{background:#000000b3}.sidebar-item-hover{position:relative;overflow:hidden}.sidebar-item-hover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .2s ease}.sidebar-item-hover:hover:before{opacity:.05}.sidebar-item-hover:active:before{opacity:.1}.tooltip-arrow{position:absolute;width:8px;height:8px;background:inherit;transform:rotate(45deg)}.tooltip-arrow-top{bottom:-4px;left:50%;margin-left:-4px}.tooltip-arrow-bottom{top:-4px;left:50%;margin-left:-4px}.tooltip-arrow-left{right:-4px;top:50%;margin-top:-4px}.tooltip-arrow-right{left:-4px;top:50%;margin-top:-4px}.z-dropdown{z-index:1000}.z-modal{z-index:1050}.z-tooltip{z-index:1070}.z-toast{z-index:9999}:root{--gradient-hero-light: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #faf5ff 100%);--gradient-hero-dark: linear-gradient(135deg, #0c4a6e 0%, #1e1b4b 50%, #0c4a6e 100%);--gradient-border: linear-gradient(135deg, var(--brand-400), var(--brand-600));--gradient-border-glow: linear-gradient(135deg, var(--brand-300), #a78bfa);--glow-brand: 0 0 20px rgba(14, 165, 233, .3), 0 0 40px rgba(14, 165, 233, .1);--glow-brand-intense: 0 0 30px rgba(14, 165, 233, .4), 0 0 60px rgba(14, 165, 233, .2);--glow-success: 0 0 20px rgba(34, 197, 94, .3);--glow-warning: 0 0 20px rgba(245, 158, 11, .3);--glow-purple: 0 0 20px rgba(139, 92, 246, .3);--glow-red: 0 0 20px rgba(239, 68, 68, .3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:var(--glow-brand)}50%{opacity:.8;box-shadow:var(--glow-brand-intense)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes stagger-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #0ea5e966}50%{box-shadow:0 0 16px #0ea5e999}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient-shift 8s ease infinite}.animate-count-up{animation:count-up .5s ease-out forwards}.animate-stagger-fade{animation:stagger-fade .5s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .3s ease-out forwards}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.stagger-1{animation-delay:.05s;opacity:0}.stagger-2{animation-delay:.1s;opacity:0}.stagger-3{animation-delay:.15s;opacity:0}.stagger-4{animation-delay:.2s;opacity:0}.stagger-5{animation-delay:.25s;opacity:0}.stagger-6{animation-delay:.3s;opacity:0}.text-gradient{background:linear-gradient(135deg,var(--brand-500),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-gradient{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--brand-400),var(--brand-600)) border-box}.dark .border-gradient{background:linear-gradient(#1f2937,#1f2937) padding-box,linear-gradient(135deg,var(--brand-400),#8b5cf6) border-box}.card-glow{box-shadow:var(--shadow-premium);transition:all .3s ease}.card-glow:hover{box-shadow:var(--shadow-premium-hover),var(--glow-brand);transform:translateY(-4px)}.hover-lift-3d{transition:all .3s cubic-bezier(.16,1,.3,1)}.hover-lift-3d:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-premium-hover)}.glass-premium{background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #00000014}.dark .glass-premium{background:#111827b3;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.icon-glow-brand{background:linear-gradient(135deg,#0ea5e91a,#8b5cf61a);box-shadow:0 0 20px #0ea5e926}.icon-glow-success{background:linear-gradient(135deg,#22c55e1a,#10b9811a);box-shadow:0 0 20px #22c55e26}.icon-glow-warning{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);box-shadow:0 0 20px #f59e0b26}.icon-glow-purple{background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);box-shadow:0 0 20px #8b5cf626}@media(prefers-reduced-motion:reduce){.animate-float,.animate-pulse-glow,.animate-gradient,.animate-count-up,.animate-stagger-fade,.animate-slide-in-right,.animate-glow-pulse{animation:none}.stagger-1,.stagger-2,.stagger-3,.stagger-4,.stagger-5,.stagger-6{opacity:1;animation:none}.hover-lift-3d:hover,.card-glow:hover{transform:none}}.glass-dark-premium{background:#111113cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-default)}.glass-metric{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.dark .glass-metric{background:#ffffff0d;border:1px solid var(--border-default)}.hero-gradient{background:linear-gradient(135deg,#3b82f614,#8b5cf60d,#3b82f608)}.dark .hero-gradient{background:linear-gradient(135deg,#3b82f626,#8b5cf61a,#3b82f60d)}.metric-card{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.02) 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.metric-card:hover:before{opacity:1}.metric-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.glow-accent{box-shadow:0 0 0 1px var(--accent-primary),0 0 20px var(--accent-glow)}.glow-success{box-shadow:0 0 20px var(--status-success-glow)}.glow-warning{box-shadow:0 0 20px var(--status-warning-glow)}.glow-error{box-shadow:0 0 20px var(--status-error-glow)}.metric-value{font-size:2.5rem;line-height:1;font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum" 1}.metric-value-lg{font-size:3rem}.metric-label{font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.chart-container{position:relative;border-radius:1rem}.dark .chart-container{background:#0f172a66}.table-premium{border-collapse:separate;border-spacing:0}.table-premium th{font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary-dark);padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-subtle)}.table-premium td{padding:.75rem 1rem;font-size:.875rem;border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.table-premium tr:hover td{background:#ffffff05}.dark .table-premium tr:hover td{background:#1e293b66}.quick-action-card{position:relative;display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid var(--border-subtle);border-radius:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.quick-action-card:hover{background:var(--bg-tertiary);border-color:var(--border-default);transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.dark .quick-action-card{background:#ffffff05}.dark .quick-action-card:hover{background:#ffffff0d;box-shadow:0 8px 30px #0006}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px;transition:all .15s ease}.status-badge-success{background:#10b9811a;color:#10b981}.status-badge-warning{background:#f59e0b1a;color:#f59e0b}.status-badge-error{background:#ef44441a;color:#ef4444}.status-badge-info{background:#6366f11a;color:#6366f1}.status-badge-neutral{background:#a1a1aa1a;color:#a1a1aa}@keyframes dashboard-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dashboard-section{animation:dashboard-fade-in .5s ease-out forwards}.dashboard-section:nth-child(1){animation-delay:0s}.dashboard-section:nth-child(2){animation-delay:.1s}.dashboard-section:nth-child(3){animation-delay:.2s}.dashboard-section:nth-child(4){animation-delay:.3s}.dashboard-section:nth-child(5){animation-delay:.4s}.recharts-tooltip-wrapper{outline:none!important}.recharts-default-tooltip{background:var(--bg-elevated)!important;border:1px solid var(--border-default)!important;border-radius:.5rem!important;box-shadow:0 10px 40px #0000004d!important}.dark .recharts-default-tooltip{background:#222225f2!important}.recharts-tooltip-label{color:var(--text-primary-dark)!important;font-weight:600!important;margin-bottom:.25rem!important}.recharts-tooltip-item{color:var(--text-secondary-dark)!important}.donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.trend-up{color:var(--status-success)}.trend-down{color:var(--status-error)}.trend-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:.375rem}.trend-badge-up{background:#10b9811a;color:#10b981}.trend-badge-down{background:#ef44441a;color:#ef4444}.skeleton-metric{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--bg-elevated) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:.5rem}.dark .skeleton-metric{background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:200% 100%}