@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-teal-500: #0f766e;--color-teal-600: #0d9488;--shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, .05);--shadow-hover: 0 10px 30px -4px rgba(0, 0, 0, .08);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .05);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg-primary);color:#1e293b;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;transition:all .3s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes modalIn{0%{transform:scale(.97) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes notifIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulseGlow{0%{box-shadow:0 0 #0f766e66}70%{box-shadow:0 0 0 10px #0f766e00}to{box-shadow:0 0 #0f766e00}}@keyframes mobileDrawerUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.animate-slide-in-right{animation:slideInRight .5s cubic-bezier(.16,1,.3,1)}.animate-slide-in-up{animation:slideInUp .5s cubic-bezier(.16,1,.3,1)}.animate-modal-in{animation:modalIn .4s cubic-bezier(.16,1,.3,1)}.animate-notif-in{animation:notifIn .4s cubic-bezier(.16,1,.3,1) forwards}.animate-pulse-glow{animation:pulseGlow 2s infinite}.hover-lift{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass)}.teal-gradient{background:linear-gradient(to right,#071c42,#0a3a5e 40%,#009688)}.text-gradient{background:linear-gradient(135deg,#1e293b,#0f766e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(10px);margin-left:8px;padding:6px 12px;background:#1e293bf2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:13px;font-weight:600;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:all .2s cubic-bezier(.16,1,.3,1);z-index:1000;box-shadow:0 4px 6px -1px #0000001a}.sidebar-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#1e293bf2}.sidebar-nav-item:hover .sidebar-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.premium-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-soft);border:1px solid rgba(226,232,240,.8);transition:all .3s cubic-bezier(.16,1,.3,1)}.premium-card:hover{box-shadow:var(--shadow-hover);border-color:#cbd5e1}