@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-2: #f1f5f9;--color-surface-hover: #eff6ff;--color-surface-3: #e2e8f0;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-shadow: rgba(15, 23, 42, .08)}[data-theme=dark]{--color-bg: #060B14;--color-surface: #0B1325;--color-surface-2: #131F3B;--color-surface-hover: rgba(59, 130, 246, .15);--color-surface-3: #1A2B52;--color-border: #152342;--color-border-strong: #213665;--color-text-primary: #F0F6FF;--color-text-secondary: #90A5D6;--color-text-muted: #526B99;--color-shadow: rgba(0, 0, 0, .6);--color-accent-purple-bg: rgba(139, 92, 246, .12);--color-accent-emerald-bg: rgba(16, 185, 129, .12);--color-accent-amber-bg: rgba(245, 158, 11, .12);--color-accent-blue-bg: rgba(59, 130, 246, .12);--color-accent-red-bg: rgba(239, 68, 68, .12);--color-accent-indigo-bg: rgba(99, 102, 241, .12)}[data-theme=dark] .bg-white{background-color:var(--color-surface)!important}[data-theme=dark] .bg-slate-50{background-color:var(--color-bg)!important}[data-theme=dark] .bg-slate-200{background-color:var(--color-surface-3)!important}[data-theme=dark] .bg-gray-50{background-color:var(--color-bg)!important}[data-theme=dark] .bg-gray-100{background-color:var(--color-surface-2)!important}[data-theme=dark] .bg-gray-200{background-color:var(--color-surface-3)!important}[data-theme=dark] .text-slate-900,[data-theme=dark] .text-slate-800{color:var(--color-text-primary)!important}[data-theme=dark] .text-slate-700,[data-theme=dark] .text-slate-600{color:var(--color-text-secondary)!important}[data-theme=dark] .text-slate-500{color:var(--color-text-muted)!important}[data-theme=dark] .text-gray-900,[data-theme=dark] .text-gray-800{color:var(--color-text-primary)!important}[data-theme=dark] .text-gray-700,[data-theme=dark] .text-gray-600{color:var(--color-text-secondary)!important}[data-theme=dark] .text-gray-500{color:var(--color-text-muted)!important}[data-theme=dark] .border-slate-100,[data-theme=dark] .border-slate-200{border-color:var(--color-border)!important}[data-theme=dark] .border-slate-300{border-color:var(--color-border-strong)!important}[data-theme=dark] .border-gray-100,[data-theme=dark] .border-gray-200{border-color:var(--color-border)!important}[data-theme=dark] .border-gray-300{border-color:var(--color-border-strong)!important}[data-theme=dark] .hover\:bg-white:hover,[data-theme=dark] .hover\:bg-slate-50:hover{background-color:var(--color-surface-2)!important}[data-theme=dark] .hover\:bg-slate-100:hover{background-color:var(--color-surface-3)!important}[data-theme=dark] .hover\:bg-slate-200:hover{background-color:var(--color-surface-hover)!important}[data-theme=dark] .hover\:bg-slate-300:hover{background-color:var(--color-border-strong)!important}[data-theme=dark] .hover\:bg-gray-50:hover{background-color:var(--color-surface-2)!important}[data-theme=dark] .hover\:bg-gray-100:hover{background-color:var(--color-surface-3)!important}[data-theme=dark] .hover\:bg-gray-200:hover{background-color:var(--color-surface-hover)!important}[data-theme=dark] .disabled\:bg-slate-300:disabled{background-color:var(--color-border-strong)!important;color:var(--color-text-muted)!important}[data-theme=dark] .disabled\:bg-slate-100:disabled{background-color:var(--color-surface-2)!important;color:var(--color-text-muted)!important}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]),[data-theme=dark] textarea,[data-theme=dark] select{background-color:var(--color-surface-2)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-strong)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-muted)!important}[data-theme=dark] .divide-slate-200>*+*{border-color:var(--color-border)!important}[data-theme=dark] .divide-gray-200>*+*{border-color:var(--color-border)!important}[data-theme=dark] .ring-slate-200,[data-theme=dark] .ring-gray-200,[data-theme=dark] .ring-1,[data-theme=dark] .ring-slate-900\/10{--tw-ring-color: var(--color-border)}[data-theme=dark] .bg-purple-50{background-color:var(--color-accent-purple-bg)!important}[data-theme=dark] .bg-emerald-50{background-color:var(--color-accent-emerald-bg)!important}[data-theme=dark] .bg-amber-50{background-color:var(--color-accent-amber-bg)!important}[data-theme=dark] .bg-blue-50{background-color:var(--color-accent-blue-bg)!important}[data-theme=dark] .bg-red-50{background-color:var(--color-accent-red-bg)!important}[data-theme=dark] .bg-indigo-50,[data-theme=dark] .bg-indigo-100{background-color:var(--color-accent-indigo-bg)!important}[data-theme=dark] .bg-yellow-50{background-color:var(--color-accent-amber-bg)!important}[data-theme=dark] .bg-slate-100{background-color:var(--color-surface-2)!important}[data-theme=dark] .bg-slate-200{background-color:var(--color-surface-hover)!important}[data-theme=dark] .text-indigo-700{color:#818cf8!important}[data-theme=dark] .text-slate-700{color:var(--color-text-primary)!important}[data-theme=dark] .hover\:bg-purple-100:hover{background-color:#8b5cf633!important}[data-theme=dark] .hover\:bg-emerald-100:hover{background-color:#10b98133!important}[data-theme=dark] .hover\:bg-blue-50:hover{background-color:#3b82f61a!important}[data-theme=dark] .hover\:bg-slate-50:hover{background-color:#ffffff0d!important}[data-theme=dark] .hover\:bg-indigo-50:hover{background-color:#6366f11a!important}[data-theme=dark] .border-purple-300{border-color:#8b5cf64d!important}[data-theme=dark] .border-emerald-300{border-color:#10b9814d!important}[data-theme=dark] .border-emerald-200{border-color:#10b98133!important}[data-theme=dark] .border-emerald-100{border-color:#10b98126!important}[data-theme=dark] .border-amber-100{border-color:#f59e0b33!important}[data-theme=dark] .border-amber-200{border-color:#f59e0b40!important}[data-theme=dark] .border-indigo-300{border-color:#6366f14d!important}[data-theme=dark] .border-indigo-400{border-color:#6366f166!important}[data-theme=dark] .border-blue-300{border-color:#3b82f64d!important}[data-theme=dark] .bg-slate-900{background-color:var(--color-bg)!important}[data-theme=dark] .focus\:ring-blue-100:focus{--tw-ring-color: rgba(59,130,246,.2) !important}[data-theme=dark] .focus\:border-blue-400:focus{border-color:#3b82f680!important}[data-theme=dark] .shadow-sm{box-shadow:0 1px 2px var(--color-shadow)!important}[data-theme=dark] .shadow-md{box-shadow:0 4px 6px -1px var(--color-shadow)!important}[data-theme=dark] .shadow-lg{box-shadow:0 10px 15px -3px var(--color-shadow)!important}[data-theme=dark] .shadow-xl{box-shadow:0 20px 25px -5px var(--color-shadow)!important}[data-theme=dark] .shadow-2xl{box-shadow:0 25px 50px -12px var(--color-shadow)!important}[data-theme=dark] .hover\:shadow-md:hover{box-shadow:0 4px 6px -1px var(--color-shadow)!important}[data-theme=dark] .bg-purple-50.border-purple-300{background-color:#8b5cf626!important}[data-theme=dark] .bg-emerald-50.border-emerald-300{background-color:#10b98126!important}[data-theme=dark] .toast-item.bg-emerald-50{background-color:#10b98147!important;border-color:#10b98173!important}[data-theme=dark] .toast-item.bg-red-50{background-color:#ef444447!important;border-color:#ef444473!important}[data-theme=dark] .toast-item.bg-amber-50{background-color:#f59e0b47!important;border-color:#f59e0b73!important}[data-theme=dark] .toast-item.bg-blue-50{background-color:#3b82f647!important;border-color:#3b82f673!important}@layer base{body{background-color:var(--color-bg);color:var(--color-text-primary);overflow-wrap:break-word;word-break:break-word}*,*:before,*:after{transition:background-color .2s ease,border-color .2s ease,color .15s ease}td,th{overflow:hidden}}@layer utilities{.shrink-text{font-size:clamp(.6rem,1.2vw,.875rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fluid-heading{font-size:clamp(1rem,2.5vw,1.875rem)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-text-muted, rgba(148, 163, 184, .5)) transparent}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-text-muted, rgba(148, 163, 184, .5));border-radius:4px;border:2px solid transparent;background-clip:padding-box}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary, rgba(100, 116, 139, .7))}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 8s linear infinite}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}@keyframes floatEnvelope1{0%{transform:translate(0) rotate(-6deg);opacity:.7}25%{transform:translate(18px,-28px) rotate(2deg);opacity:1}50%{transform:translate(38px,-10px) rotate(-4deg);opacity:.8}75%{transform:translate(20px,-40px) rotate(5deg);opacity:1}to{transform:translate(0) rotate(-6deg);opacity:.7}}@keyframes floatEnvelope2{0%{transform:translate(0) rotate(8deg);opacity:.6}30%{transform:translate(-22px,-32px) rotate(-3deg);opacity:1}60%{transform:translate(-42px,-14px) rotate(6deg);opacity:.75}to{transform:translate(0) rotate(8deg);opacity:.6}}@keyframes floatEnvelope3{0%{transform:translate(0) rotate(0);opacity:.5}33%{transform:translate(14px,-48px) rotate(-8deg);opacity:.9}66%{transform:translate(-10px,-24px) rotate(4deg);opacity:.7}to{transform:translate(0) rotate(0);opacity:.5}}@keyframes floatEnvelope4{0%{transform:translate(0) rotate(-10deg) scale(.9);opacity:.4}40%{transform:translate(30px,-36px) rotate(6deg) scale(1.05);opacity:.85}80%{transform:translate(10px,-60px) rotate(-2deg) scale(.95);opacity:.65}to{transform:translate(0) rotate(-10deg) scale(.9);opacity:.4}}@keyframes floatEnvelope5{0%{transform:translate(0) rotate(4deg);opacity:.55}50%{transform:translate(-28px,-44px) rotate(-6deg);opacity:.95}to{transform:translate(0) rotate(4deg);opacity:.55}}@keyframes flyArrow1{0%{transform:translate(-80px) translateY(0) rotate(-10deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(calc(50vw + 80px)) translateY(-30px) rotate(5deg);opacity:0}}@keyframes flyArrow2{0%{transform:translate(60px) translateY(0) rotate(8deg);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translate(-60px) translateY(50px) rotate(-5deg);opacity:0}}@keyframes notifSlideLeft{0%{transform:translate(-120%);opacity:0}15%{transform:translate(0);opacity:1}75%{transform:translate(0);opacity:1}to{transform:translate(-120%);opacity:0}}@keyframes notifSlideRight{0%{transform:translate(120%);opacity:0}15%{transform:translate(0);opacity:1}75%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes cursorClick{0%,to{transform:scale(1)}30%{transform:scale(.8)}60%{transform:scale(1.1)}}.anim-email-1{animation:floatEnvelope1 7s ease-in-out infinite}.anim-email-2{animation:floatEnvelope2 9s ease-in-out infinite 1.5s}.anim-email-3{animation:floatEnvelope3 8s ease-in-out infinite 3s}.anim-email-4{animation:floatEnvelope4 11s ease-in-out infinite .8s}.anim-email-5{animation:floatEnvelope5 6.5s ease-in-out infinite 2.2s}.anim-arrow-1{animation:flyArrow1 5s linear infinite 0s}.anim-arrow-2{animation:flyArrow2 7s linear infinite 2.5s}.anim-notif-l{animation:notifSlideLeft 6s ease-in-out infinite 1s}.anim-notif-r{animation:notifSlideRight 6s ease-in-out infinite 3.5s}.anim-badge{animation:badgePulse 1.4s ease-in-out infinite}.anim-cursor{animation:cursorClick 2.5s ease-in-out infinite .5s}.custom-hover-row{transition:background-color .2s}.custom-hover-row:hover,.custom-active-row{background-color:var(--color-surface-hover)!important}