@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;html{font-size:14px!important;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important;scroll-behavior:smooth;scrollbar-gutter:stable;isolation:isolate}@layer base{body{@apply text-slate-900 bg-[#fbfcfd] transition-colors duration-700;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;scrollbar-gutter:stable}*:focus{outline:none!important;outline-offset:0!important;box-shadow:none!important}*:focus-visible{outline:2px solid rgba(59,130,246,.5)!important;outline-offset:2px!important;box-shadow:none!important}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent;margin:0}button::-moz-focus-inner{border:0;padding:0}.dark body{@apply text-slate-100;background:linear-gradient(135deg,#0b132b,#0d1635,#0f1b3d)}body:not(.dark){background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0)}.dark main{background:linear-gradient(135deg,#0b132b,#0d1635,#0f1b3d)!important}.dark header{background:#0b132bcc!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dark aside{background:linear-gradient(180deg,#0b132b,#0d1635)!important}.backdrop-blur-xl,.backdrop-blur-2xl,.backdrop-blur-3xl,.backdrop-blur-md,.backdrop-blur-sm,.backdrop-blur-lg{-webkit-backdrop-filter:blur(var(--tw-backdrop-blur));isolation:auto!important}.bg-slate-800,.bg-slate-900,.bg-slate-950,.bg-zinc-800,.bg-zinc-900,.bg-zinc-950,.bg-gray-800,.bg-gray-900,.bg-gray-950,.bg-neutral-800,.bg-neutral-900,.bg-neutral-950,.bg-black,.bg-\[\#0f111a\],.bg-\[\#0f172a\],.bg-\[\#1a1d2d\],.light [class*=bg-slate-900],.light [class*=bg-slate-950],.light [class*=bg-zinc-900],.light [class*=bg-zinc-950],.light [class*=bg-gray-900],.light [class*=bg-gray-950],.light [class*="bg-white/"],.light [class*="bg-slate-800/"]{@apply transition-all duration-500;}.light{--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(255, 255, 255, 1);--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -4px rgba(0, 0, 0, .02);--premium-shadow: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .03);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--accent-primary: #2563eb;--accent-primary-light: #3b82f6}.light body{@apply bg-[#f8fafc];color:#0f172a;background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.03) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(37,99,235,.03) 0px,transparent 50%)!important}.light .bg-slate-950,.light .bg-black{background-color:#f1f5f9!important;background-image:none!important;color:#0f172a!important;border:1px solid #e2e8f0!important}.light .bg-slate-900,.light .bg-slate-800,.light .bg-slate-900\/40,.light .bg-slate-900\/80,.light [class*=bg-slate-900],.light [class*=bg-slate-800]{background-color:#fff!important;color:#0f172a!important;border:1px solid #f1f5f9!important;box-shadow:var(--card-shadow)!important;background-image:none!important}.light .text-blue-400,.light .text-slate-400{color:#64748b!important}.light .text-white{color:#0f172a!important}.light .border-white\/5,.light .border-white\/10,.light .border-white\/20{border-color:#f1f5f9!important}.light h1,.light h2,.light h3,.light h4,.light h5,.light h6,.light .font-black,.light .font-bold{color:#0f172a!important}.light p.text-slate-400,.light .text-slate-500{color:#475569!important}.light .backdrop-blur-xl,.light .backdrop-blur-2xl,.light .backdrop-blur-3xl,.light .glass-morph,.light .smart-glass{background-color:#fffc!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-color:#ffffff80!important;box-shadow:var(--premium-shadow)!important}.light aside{background-color:#fff!important;border-right:1px solid #f1f5f9!important;box-shadow:4px 0 24px -12px #0000000d!important}.light header{background-color:#fffc!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid transparent!important}.light main{background-color:#f8fafc!important}.light input,.light select,.light textarea{background-color:#fff!important;border:1px solid #e2e8f0!important;color:#0f172a!important}.light input::placeholder{color:#94a3b8!important}.light input:focus,.light select:focus,.light textarea:focus{border-color:#3b82f6!important;background-color:#fff!important;box-shadow:0 0 0 4px #3b82f60d!important}.light .recharts-cartesian-grid-horizontal line,.light .recharts-cartesian-grid-vertical line{stroke:#f1f5f9!important}.light .recharts-text{fill:#64748b!important}.light [class*="bg-slate-950/"]{background-color:#0f172a1a!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.light .modal-content{background-color:#fff!important;border:1px solid #f1f5f9!important;box-shadow:var(--premium-shadow)!important}}@layer components{.page-container{@apply h-[100vh-80px] overflow-auto px-4 py-3;}.compact-card{@apply p-3 rounded-xl;}.compact-section{@apply space-y-2;}.compact-table td,.compact-table th{@apply px-3 py-2 text-xs;}.compact-form{@apply space-y-2;}.compact-form input,.compact-form select,.compact-form textarea{@apply py-2 px-3 text-sm;}}@layer utilities{.bg-gradient-primary{@apply bg-gradient-to-r from-red-700 to-black;}.gradient-text{@apply bg-clip-text text-transparent bg-gradient-to-r from-red-600 to-black;}.shadow-floating{@apply shadow-[0_20px_50px_-12px_rgba(37,99,235,.25)];}.hover-glow:hover{@apply shadow-[0_0_20px_rgba(220,38,38,.4)];}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{@apply bg-transparent;}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-slate-200 dark:bg-white/10 rounded-full;}.custom-scrollbar::-webkit-scrollbar-thumb:hover{@apply bg-slate-300 dark:bg-white/20;}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(203,213,225,.4) transparent}.dark .custom-scrollbar{scrollbar-color:rgba(255,255,255,.1) transparent}.hover-scale{@apply transition-transform duration-300 hover:scale-[1.02];}.h-screen-compact{height:calc(100vh - 100px)}.max-h-screen-compact{max-height:calc(100vh - 120px)}.space-y-compact>*+*{margin-top:.5rem}.space-x-compact>*+*{margin-left:.5rem}@keyframes liquid{0%,to{border-radius:63% 37% 54% 46%/55% 48% 52% 45%}14%{border-radius:40% 60% 54% 46%/49% 60% 40% 51%}28%{border-radius:54% 46% 38% 62%/49% 70% 30% 51%}42%{border-radius:61% 39% 55% 45%/61% 38% 62% 39%}56%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}70%{border-radius:50% 50% 34% 66%/56% 68% 32% 44%}84%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}}@keyframes float-water{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(2deg)}66%{transform:translateY(5px) rotate(-1deg)}}.liquid-morph{animation:liquid 12s ease-in-out infinite}.water-float{animation:float-water 8s ease-in-out infinite}.glass-morph{@apply bg-white/5 backdrop-blur-xl border border-white/10 shadow-2xl;box-shadow:inset 0 0 20px #ffffff05}.smart-glass{@apply bg-[#0f172a]/40 backdrop-blur-2xl border border-white/10;box-shadow:0 8px 32px #0000005e}.premium-glow{box-shadow:0 0 40px -10px var(--tw-shadow-color)}.sidebar-gradient{background:linear-gradient(135deg,#f1f5f9,#fff,#f1f5f9);transition:all .5s ease}.dark .sidebar-gradient{background:linear-gradient(135deg,#0f111a,#1e2232,#0f111a)}.ripple-container{position:relative;overflow:hidden}.ripple-container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);opacity:0;transition:opacity .5s,transform .8s;transform:scale(.5);pointer-events:none}.ripple-container:hover:after{opacity:1;transform:scale(1)}.uppercase-soft{text-transform:uppercase;letter-spacing:.12em;font-weight:700}.font-display{font-family:Plus Jakarta Sans,sans-serif}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}button,a{text-transform:none!important;letter-spacing:normal!important}.tracking-widest{letter-spacing:.1em!important}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.rotate-x-2{transform:rotateX(2deg)}.rotate-y-2{transform:rotateY(2deg)}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.animate-scan{animation:scan 4s linear infinite}.font-black{font-weight:800!important}@media print{.no-print{display:none!important}.printable{background:#fff!important;color:#000!important}.printable *{color:#000!important;background:transparent!important;box-shadow:none!important}.printable{position:relative;top:0;left:0;width:100%}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}tfoot{display:table-footer-group}}.gradient-border{position:relative;background:inherit}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#2563eb,#1e40af,#0f172a);-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-premium{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.light .glass-premium{background:#ffffffb3;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 32px #00000014}.shadow-premium{box-shadow:0 25px 50px -12px #00000040,0 0 2px #dc26261a}.shadow-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.light .shadow-card{box-shadow:0 10px 40px -10px #0000001f,0 0 2px #0000000d}.shadow-glow-indigo{box-shadow:0 0 30px -5px #2563eb66,0 0 2px #2563eb33}.shadow-glow-blue{box-shadow:0 0 30px -5px #3b82f666,0 0 2px #3b82f633}.shadow-glow-emerald{box-shadow:0 0 30px -5px #10b98166,0 0 2px #10b98133}.shadow-glow-rose{box-shadow:0 0 30px -5px #f43f5e66,0 0 2px #f43f5e33}.shadow-glow-orange{box-shadow:0 0 30px -5px #f9731666,0 0 2px #f9731633}.bg-dots{background-image:radial-gradient(circle,rgba(37,99,235,.1) 1px,transparent 1px);background-size:24px 24px}.bg-grid{background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px);background-size:40px 40px}.card-premium{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-premium:hover{transform:translateY(-4px);box-shadow:0 20px 40px -10px #0003,0 0 2px #2563eb26}.light .card-premium:hover{box-shadow:0 20px 40px -10px #00000026,0 0 2px #2563eb1a}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skew(-20deg) translate(-150%);transition:transform .6s;pointer-events:none}.shine-effect:hover:after{transform:skew(-20deg) translate(150%);transition:transform .8s}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px -5px #2563eb4d}50%{box-shadow:0 0 40px -5px #2563eb80}}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.text-gradient-premium{background:linear-gradient(135deg,#2563eb,#3b82f6,#172554);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.focus-ring-premium:focus{outline:none;box-shadow:0 0 0 3px #2563eb4d,0 0 0 1px #2563eb1a}input.premium-input,textarea.premium-input,select.premium-input{transition:all .3s ease;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}input.premium-input:focus,textarea.premium-input:focus,select.premium-input:focus{background:#ffffff0d;border-color:#2563eb80;box-shadow:0 0 0 3px #2563eb26}.light input.premium-input,.light textarea.premium-input,.light select.premium-input{background:#fff;border-color:#e2e8f0}.light input.premium-input:focus,.light textarea.premium-input:focus,.light select.premium-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb1a}.btn-premium{position:relative;overflow:hidden;transition:all .3s ease}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.btn-premium:hover:before{left:100%}.tab-premium{position:relative;transition:all .3s ease}.tab-premium:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#2563eb,#3b82f6);transition:all .3s ease;transform:translate(-50%)}.tab-premium:hover:after,.tab-premium.active:after{width:80%}.modal-backdrop-premium{background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.badge-premium{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);color:#2563eb}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08 80px);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.light .skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9 80px);background-size:200px 100%}.table-premium{width:100%;border-collapse:separate;border-spacing:0}.table-premium th{background:#0003;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.table-premium td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.table-premium tr:hover td{background:#ffffff08}.light .table-premium th{background:#f8fafc;border-bottom:1px solid #e2e8f0}.light .table-premium td{border-bottom:1px solid #f1f5f9}.light .table-premium tr:hover td{background:#f8fafc}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;background:#ef4444;color:#fff;border-radius:4px;padding:0 4px;box-shadow:0 2px 4px #ef44444d;z-index:10}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fade-in-up .5s ease-out forwards}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in-scale{animation:fade-in-scale .4s ease-out forwards}@keyframes login-slow-pan{0%{transform:scale(1.05) translate(0)}50%{transform:scale(1.1) translate(-1%,-1%)}to{transform:scale(1.05) translate(0)}}.login-slow-pan{animation:login-slow-pan 45s ease-in-out infinite alternate-reverse}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-shake{animation:login-shake .3s cubic-bezier(.36,.07,.19,.97) both}div[class*="fixed inset-0"]{display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important}div[class*="fixed inset-0"]>div:not([class*=absolute]):not([class*=inset-0]){position:relative!important;max-height:90vh!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.4) transparent}div[class*="fixed inset-0"]>div:not([class*=absolute])::-webkit-scrollbar{width:4px}div[class*="fixed inset-0"]>div:not([class*=absolute])::-webkit-scrollbar-track{background:transparent}div[class*="fixed inset-0"]>div:not([class*=absolute])::-webkit-scrollbar-thumb{background:#64748b66;border-radius:2px}div[class*="fixed inset-0"]>div[class*=absolute]{pointer-events:auto}