:root{--color-bg-base: #f8fafc;--color-bg-surface: #ffffff;--color-bg-surface-alt: #f1f5f9;--color-bg-surface-hover: rgba(241, 245, 249, .8);--color-bg-elevated: #ffffff;--color-bg-thead: #f8fafc;--color-bg-glass: rgba(255, 255, 255, .7);--color-bg-glass-border: rgba(203, 213, 225, .5);--color-bg-glass-light: rgba(241, 245, 249, .5);--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-border-default: #e2e8f0;--color-border-subtle: #f1f5f9;--color-skeleton-from: #e2e8f0;--color-skeleton-via: #f1f5f9;--color-scrollbar-track: #f1f5f9;--color-tooltip-bg: #ffffff;--color-tooltip-border: #e2e8f0;--color-tooltip-text: #334155;--color-shadow-card-hover: rgba(20, 184, 166, .08);--color-input-border: #e2e8f0;--color-table-row-hover: rgba(241, 245, 249, .8);--color-shimmer: rgba(0, 0, 0, .03)}html.dark{--color-bg-base: #020617;--color-bg-surface: #1e293b;--color-bg-surface-alt: #0f172a;--color-bg-surface-hover: rgba(51, 65, 85, .3);--color-bg-elevated: #0f172a;--color-bg-thead: rgba(15, 23, 42, .5);--color-bg-glass: rgba(30, 41, 59, .7);--color-bg-glass-border: rgba(71, 85, 105, .4);--color-bg-glass-light: rgba(51, 65, 85, .5);--color-text-primary: #ffffff;--color-text-secondary: #e2e8f0;--color-text-tertiary: #94a3b8;--color-text-muted: #64748b;--color-border-default: #334155;--color-border-subtle: #1e293b;--color-skeleton-from: #334155;--color-skeleton-via: #475569;--color-scrollbar-track: #0f172a;--color-tooltip-bg: #1e293b;--color-tooltip-border: #334155;--color-tooltip-text: #f1f5f9;--color-shadow-card-hover: rgba(20, 184, 166, .2);--color-input-border: #334155;--color-table-row-hover: rgba(51, 65, 85, .5);--color-shimmer: rgba(255, 255, 255, .1)}.bg-base{background-color:var(--color-bg-base)}.bg-surface{background-color:var(--color-bg-surface)}.bg-surface-alt{background-color:var(--color-bg-surface-alt)}.bg-surface-hover{background-color:var(--color-bg-surface-hover)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-thead{background-color:var(--color-bg-thead)}.bg-glass{background-color:var(--color-bg-glass)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-muted{color:var(--color-text-muted)}.border-border-default{border-color:var(--color-border-default)}.border-border-subtle{border-color:var(--color-border-subtle)}.hover\:bg-surface:hover{background-color:var(--color-bg-surface)}.hover\:bg-surface-alt:hover{background-color:var(--color-bg-surface-alt)}.hover\:bg-surface-hover:hover{background-color:var(--color-bg-surface-hover)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-primary);-webkit-box-shadow:0 0 0 1000px var(--color-bg-surface) inset;transition:background-color 5000s ease-in-out 0s;caret-color:var(--color-text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:#14b8a64d;border-radius:6px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2dd4bf,#14b8a6)}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .4s ease-out forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .3s ease-out forwards}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-right{animation:slide-in-right .3s ease-out forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.glass{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-bg-glass-border);box-shadow:0 1px 3px #0000000d}.glass-light{background:var(--color-bg-glass-light);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px var(--color-shadow-card-hover),0 0 20px -5px var(--color-shadow-card-hover)}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#14b8a6,#3b82f6,#8b5cf6);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.15;transition:opacity .3s ease;pointer-events:none}.gradient-border:hover:before{opacity:1}.glow-teal{box-shadow:0 0 20px #14b8a64d}.glow-blue{box-shadow:0 0 20px #3b82f64d}.glow-amber{box-shadow:0 0 20px #f59e0b4d}.glow-red{box-shadow:0 0 20px #ef44444d}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 15px currentColor,0 0 25px currentColor}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes stale-glow-teal{0%,to{box-shadow:0 0 4px #14b8a64d}50%{box-shadow:0 0 10px #14b8a666,0 0 20px #14b8a633}}.animate-stale-glow-teal{animation:stale-glow-teal 2s ease-in-out infinite}@keyframes stale-glow-amber{0%,to{box-shadow:0 0 4px #f59e0b4d}50%{box-shadow:0 0 10px #f59e0b66,0 0 20px #f59e0b33}}.animate-stale-glow-amber{animation:stale-glow-amber 2s ease-in-out infinite}@keyframes stale-glow-red{0%,to{box-shadow:0 0 4px #ef44444d}50%{box-shadow:0 0 10px #ef444466,0 0 20px #ef444433}}.animate-stale-glow-red{animation:stale-glow-red 2s ease-in-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.pulse-ring:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid currentColor;border-radius:inherit;animation:pulse-ring 1.5s ease-out infinite}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-bounce-subtle{animation:bounce-subtle 1s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 3s linear infinite}@keyframes progress-fill{0%{width:0%}}.animate-progress{animation:progress-fill 1s ease-out forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent,var(--color-shimmer),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(8px);background:var(--color-tooltip-bg);border:1px solid var(--color-tooltip-border);color:var(--color-tooltip-text);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100}.tooltip:hover:after{opacity:1;visibility:visible}.table-row-hover{transition:all .2s ease}.table-row-hover:hover{background:var(--color-table-row-hover);transform:scale(1.005)}.gradient-text{background:linear-gradient(135deg,#14b8a6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes indicator-slide{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.animate-indicator{animation:indicator-slide .2s ease-out forwards;transform-origin:center}@keyframes urgent-pulse{0%,to{box-shadow:0 0 #ef444400;border-color:#ef444480}50%{box-shadow:0 0 8px 2px #ef44444d;border-color:#ef4444cc}}.animate-urgent{animation:urgent-pulse 2s ease-in-out infinite;border:1px solid rgba(239,68,68,.5)}@keyframes modal-enter{0%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(4px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.animate-modal{animation:modal-enter .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes backdrop-fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.animate-backdrop{animation:backdrop-fade .2s ease-out forwards}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.7}}.skeleton{background:linear-gradient(90deg,var(--color-skeleton-from) 25%,var(--color-skeleton-via) 50%,var(--color-skeleton-from) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite,skeleton-pulse 2s ease-in-out infinite;border-radius:4px}.btn-primary{background:linear-gradient(135deg,#14b8a6,#0d9488);transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#2dd4bf,#14b8a6);box-shadow:0 4px 20px #14b8a666;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.input-enhanced{transition:all .2s ease;border:1px solid var(--color-input-border)}.input-enhanced:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61a}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}@keyframes tab-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-tab-enter{animation:tab-enter .25s ease-out forwards}.stagger-children>*{opacity:0;animation:fade-in .4s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*:nth-child(9){animation-delay:.45s}.stagger-children>*:nth-child(n+10){animation-delay:.5s}html.dark .gradient-value{background:linear-gradient(135deg,#fff 30%,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-glow .recharts-line-curve,.chart-glow .recharts-area-curve{filter:drop-shadow(0 0 6px rgba(20,184,166,.4))}.chart-glow .recharts-bar-rectangle rect{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@keyframes scale-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.animate-scale-in{animation:scale-in .5s cubic-bezier(.34,1.56,.64,1) .3s forwards;opacity:0}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-down{animation:slide-down .2s ease-out forwards}@keyframes toast-enter{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-toast-enter{animation:toast-enter .3s cubic-bezier(.34,1.56,.64,1) forwards}.drop-zone-active{border-color:#14b8a680;background:#14b8a60d;box-shadow:inset 0 0 20px #14b8a61a,0 0 15px #14b8a626}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-from),var(--tw-gradient-via),var(--tw-gradient-to))}