@tailwind base;@tailwind components;@tailwind utilities;:root{--alco-dark: #0a0e1a;--alco-surface: #111827;--alco-accent: #6366f1;--alco-accent-light: #818cf8;--alco-accent-glow: rgba(99, 102, 241, .4);--alco-emerald: #10b981;--alco-amber: #f59e0b;--alco-rose: #f43f5e;--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--shadow-premium: 0 8px 32px rgba(0, 0, 0, .08);--shadow-glow: 0 0 24px rgba(99, 102, 241, .15)}html,body{overflow-x:hidden;width:100%;overscroll-behavior-y:none;font-family:Inter,system-ui,-apple-system,sans-serif}.dark{--alco-surface: #0b0b14;--alco-dark: #050508}@layer utilities{.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1) forwards}.animate-bounce-subtle{animation:bounceSoft 2s infinite}.animate-shimmer{background-size:200% 100%;animation:shimmer 2s linear infinite}.animate-skeleton{background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.08) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.mesh-gradient{background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.12) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(16,185,129,.08) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(139,92,246,.1) 0%,transparent 50%)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes bounceSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#ffffff14}.dark body{background-color:var(--alco-dark);color:#f1f5f9}.glass-effect{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.premium-card{@apply rounded-2xl transition-all duration-300;background:#fff;border:1px solid #f1f5f9;box-shadow:var(--shadow-premium)}.dark .premium-card{background:#11182799;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0003}.premium-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.dark .premium-card:hover{border-color:#6366f126;box-shadow:0 12px 40px #0000004d,var(--shadow-glow)}.glass-card{@apply rounded-2xl transition-all duration-300 relative overflow-hidden;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 16px #0000000a}.dark .glass-card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0003}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000014}.dark .glass-card:hover{border-color:#6366f133;box-shadow:0 12px 40px #0000004d}.responsive-table-container{@apply w-full overflow-x-auto custom-scrollbar;-webkit-overflow-scrolling:touch}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}html:not(.dark) body{background-color:#f8fafc;color:#0f172a}.nav-active-indicator{@apply absolute left-0 w-[3px] rounded-full bg-gradient-to-b from-indigo-500 to-violet-500;transition:top .3s cubic-bezier(.16,1,.3,1),height .2s ease}.sidebar-tooltip{@apply invisible opacity-0 absolute left-full ml-3 px-3 py-1.5 bg-slate-900 text-white text-xs font-bold rounded-lg whitespace-nowrap z-50 pointer-events-none;transition:opacity .2s,visibility .2s}.group:hover .sidebar-tooltip{@apply visible opacity-100;}@keyframes offlineSlide{0%{background-position:0% 50%}to{background-position:200% 50%}}.offline-banner{background:linear-gradient(90deg,#ef4444,#f97316,#ef4444);background-size:200% 100%;animation:offlineSlide 3s linear infinite}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingBounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-4px);opacity:1}}@keyframes flashHighlight{0%{background-color:#6366f126}to{background-color:transparent}}@layer utilities{.animate-message-in{animation:messageSlideIn .3s cubic-bezier(.16,1,.3,1) forwards}.animate-typing-dot{animation:typingBounce 1.2s ease-in-out infinite}.animate-flash{animation:flashHighlight 1.5s ease-out forwards}}