body{font-family:Inter,sans-serif;background-color:#f3f4f6}.dark body{background-color:#0f172a}.dark .custom-scrollbar::-webkit-scrollbar-track{background:#1e293b}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#475569}@media print{@page{size:A4;margin:5mm}html,body{height:auto!important;overflow:visible!important;background:#fff!important}body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:absolute;left:0;top:0;width:100%;background:#fff;z-index:9999}.print-page-break{page-break-after:always}.no-print{display:none!important}}@tailwind base;@tailwind components;@tailwind utilities;html,body,#root{height:100%;overflow:auto;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}@layer base{body{@apply bg-gray-50 text-gray-900 transition-colors duration-300;}.dark body{@apply bg-slate-950 text-slate-200;}.dark input:not([type=checkbox]):not([type=radio]):not([type=range]),.dark select,.dark textarea{@apply bg-slate-800 border-slate-600 text-white placeholder-slate-400 focus:border-blue-400 focus:ring-blue-400;}.dark option{@apply bg-slate-800 text-white;}.dark .bg-white{@apply bg-slate-900 border-slate-700;}.dark .bg-gray-50{@apply bg-slate-900;}.dark .bg-gray-100{@apply bg-slate-800;}.text-gray-400,.text-slate-400{@apply text-slate-500;}.text-gray-500,.text-slate-500{@apply text-slate-600;}.dark .text-gray-400,.dark .text-slate-400{@apply text-slate-300;}.dark .text-gray-500,.dark .text-slate-500{@apply text-slate-200;}.dark .text-gray-600,.dark .text-slate-600,.dark .text-gray-700,.dark .text-slate-700,.dark .text-gray-800,.dark .text-slate-800,.dark .text-gray-900,.dark .text-slate-900{@apply text-white;}.dark .border-gray-200,.dark .border-slate-200{@apply border-slate-700;}.dark .border-gray-300,.dark .border-slate-300{@apply border-slate-600;}.dark .bg-blue-50{@apply bg-blue-900/20 border-blue-800;}.dark .text-blue-700,.dark .text-blue-800{@apply text-blue-300;}.dark .bg-green-50{@apply bg-green-900/20 border-green-800;}.dark .text-green-700,.dark .text-green-800{@apply text-green-300;}.dark .bg-purple-50{@apply bg-purple-900/20 border-purple-800;}.dark .text-purple-700,.dark .text-purple-900{@apply text-purple-300;}.dark .bg-orange-50{@apply bg-orange-900/20 border-orange-800;}.dark .text-orange-700,.dark .text-orange-800{@apply text-orange-300;}.dark .bg-yellow-50{@apply bg-yellow-900/20 border-yellow-800;}.dark .text-yellow-700,.dark .text-yellow-800{@apply text-yellow-300;}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.gpu-accelerated{transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:100px 500px}.smooth-scrolling-list{-webkit-overflow-scrolling:touch}.shadow-sm{box-shadow:0 1px 2px #0000000d,0 1px 3px #0000001a!important}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #00000005!important}.shadow-md{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 1px #00000006!important}.shadow-lg{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d!important}.dark .shadow-sm{box-shadow:0 1px 2px #0000004d!important}.dark .shadow{box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003!important}.dark .shadow-md{box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003!important}.dark .shadow-lg{box-shadow:0 25px 35px -5px #00000080,0 15px 15px -5px #0000004d!important}.glass{background:#ffffffd9;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.4)}.glass-dark{background:#0f172ad9;backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid rgba(255,255,255,.05)}.gradient-border-top{position:relative;overflow:hidden}.gradient-border-top:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);z-index:1}.gradient-border-top-emerald:before{background:linear-gradient(90deg,#10b981,#14b8a6,#06b6d4)}.gradient-border-top-red:before{background:linear-gradient(90deg,#ef4444,#f97316)}.gradient-border-top-amber:before{background:linear-gradient(90deg,#f59e0b,#eab308)}.gradient-border-top-blue:before{background:linear-gradient(90deg,#3b82f6,#6366f1)}.shimmer-bg{background:linear-gradient(90deg,#94a3b81a 25%,#94a3b840,#94a3b81a 75%);background-size:200% 100%;animation:shimmer 2s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-slide-up{animation:slide-up .4s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.premium-card{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.premium-card:hover{transform:translateY(-3px) translateZ(0);box-shadow:0 15px 40px -10px #6366f140,0 0 0 1px #6366f11a}.dark .premium-card:hover{box-shadow:0 20px 40px -10px #6366f166,0 0 0 1px #6366f133}.modal-overlay{animation:fade-in-scale .3s ease-out}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gradient-text{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.safe-area-pb{padding-bottom:env(safe-area-inset-bottom)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.dark .custom-scrollbar::-webkit-scrollbar-track{background:#0f172a}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#475569;border:1px solid #0f172a}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}@keyframes pulse-highlight{0%{outline:2px solid rgba(59,130,246,.7);background-color:#3b82f61a}70%{outline:2px solid rgba(59,130,246,0);background-color:#3b82f600}to{outline:2px solid rgba(59,130,246,0);background-color:transparent}}.highlight-row{animation:pulse-highlight 2.5s ease-out}.dark .highlight-row{animation:pulse-highlight-dark 2.5s ease-out}@keyframes pulse-highlight-dark{0%{outline:2px solid rgba(96,165,250,.6);background-color:#60a5fa1a}70%{outline:2px solid rgba(96,165,250,0);background-color:#60a5fa00}to{outline:2px solid rgba(96,165,250,0);background-color:transparent}}@keyframes toast-in-out{0%{transform:translateY(100%);opacity:0}15%{transform:translateY(0);opacity:1}85%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.toast-animation{animation:toast-in-out 4s forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes pulse-fast{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse-fast{animation:pulse-fast 1s ease-in-out infinite}@keyframes scale-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-scale-in{animation:scale-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-slide-up{animation:fade-slide-up .3s ease-out forwards}@keyframes badge-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.badge-glow{animation:badge-pulse 2s ease-in-out infinite}.btn-interactive{transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,background-color .2s ease}.btn-interactive:hover{transform:translateY(-1px)}.btn-interactive:active{transform:translateY(0) scale(.97)}.focus-ring{@apply outline-none ring-2 ring-offset-2 ring-indigo-500;}.focus-ring:focus-visible{@apply outline-none ring-2 ring-offset-2 ring-indigo-500;}.dark .focus-ring:focus-visible{@apply ring-offset-slate-900 ring-blue-400;}.stat-card{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card.stat-blue:hover{box-shadow:0 10px 30px -8px #3b82f64d}.stat-card.stat-green:hover{box-shadow:0 10px 30px -8px #10b9814d}.stat-card.stat-purple:hover{box-shadow:0 10px 30px -8px #8b5cf64d}.stat-card.stat-amber:hover{box-shadow:0 10px 30px -8px #f59e0b4d}.table-row-hover{transition:background-color .15s ease}.table-row-hover:hover{@apply bg-indigo-50/50;}.dark .table-row-hover:hover{@apply bg-slate-800/70;}.input-focus-animate{transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.input-focus-animate:focus{transform:translateY(-1px);box-shadow:0 4px 12px -4px #6366f126}.dark .input-focus-animate:focus{box-shadow:0 4px 12px -4px #6366f14d}.skeleton{position:relative;overflow:hidden;background:#e2e8f0;border-radius:6px}.dark .skeleton{background:#1e293b}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);animation:shimmer 1.8s infinite}.dark .skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border-top:1px solid rgba(0,0,0,.08)}.dark .mobile-bottom-nav{border-top-color:#ffffff0f}.mobile-nav-item{transition:color .15s ease,transform .15s ease}.mobile-nav-item:active{transform:scale(.9)}@media (max-width: 767px){.main-content-with-mobile-nav{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}.dark .gradient-border-top:before{background:linear-gradient(90deg,#818cf8,#a78bfa,#c084fc);opacity:.8}.dark .card-premium{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(148,163,184,.08)}@media print{@page{size:A4;margin:5mm}html,body{height:auto!important;overflow:visible!important;background:#fff!important;color:#000!important}.dark body{background:#fff!important;color:#000!important}body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:absolute;left:0;top:0;width:100%;background:#fff;z-index:9999}.print-page-break{page-break-after:always}.no-print{display:none!important}}