@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap");:root{--primary-h:260;--primary-s:100%;--primary-l:68%;--primary:hsl(var(--primary-h),var(--primary-s),var(--primary-l));--primary-rgb:168,85,247;--secondary:#00d4ff;--accent:#ff4da6;--bg-app:224 71% 4%;--bg-panel:222 47% 11%;--bg-card:222 47% 11%;--bg-surface-lighter:hsla(0,0%,100%,.03);--text-main:210 40% 98%;--text-muted:215 20% 65%;--text-dim:215 15% 45%;--success:142 71% 45%;--error:0 84% 60%;--warning:38 92% 50%;--glass-bg:rgba(15,23,42,.6);--glass-border:hsla(0,0%,100%,.08);--glass-blur:blur(16px);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.2);--shadow-glow:0 0 20px rgba(var(--primary-rgb),0.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:hsl(var(--bg-app));color:hsl(var(--text-main));min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 0 0,rgba(var(--primary-rgb),.15) 0,transparent 40%),radial-gradient(circle at 100% 100%,rgba(var(--primary-rgb),.1) 0,transparent 40%);z-index:-1;pointer-events:none}.app-container{display:flex;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;color:hsl(var(--text-main))}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:hsla(0,0%,100%,.04);border-color:rgba(var(--primary-rgb),.3);box-shadow:var(--shadow-xl),var(--shadow-glow);transform:translateY(-2px)}.text-gradient{background:linear-gradient(135deg,#b9f,#ff80ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glow-text{text-shadow:0 0 15px rgba(var(--primary-rgb),.4)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,#b83df5 100%);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(var(--primary-rgb),.3)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(var(--primary-rgb),.5);filter:brightness(1.1)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-ghost{background:hsla(0,0%,100%,.03);color:hsl(var(--text-muted));border:1px solid hsla(0,0%,100%,.08);padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:hsla(0,0%,100%,.06);color:hsl(var(--text-main));border-color:hsla(0,0%,100%,.2)}.btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);color:hsl(var(--text-muted));cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:hsla(0,0%,100%,.1);color:var(--primary);border-color:rgba(var(--primary-rgb),.3)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb),.3)}.main-content{flex:1 1;transition:all .4s cubic-bezier(.4,0,.2,1);min-height:100vh;background:radial-gradient(circle at 50% 100%,rgba(var(--primary-rgb),.03) 0,transparent 60%)}.main-content.sidebar-expanded{margin-left:260px;--dashboard-sidebar-width:260px}.main-content.sidebar-collapsed{margin-left:80px;--dashboard-sidebar-width:80px}.dashboard-main{display:flex;flex-direction:column;min-height:100vh}.dashboard-content-wrap{flex:1 1;padding:24px;background:#f1f5f9;min-height:calc(100vh - 56px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animation-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.section-title{font-size:1.25rem;margin-bottom:4px;background:linear-gradient(to bottom,#fff,hsl(var(--text-muted)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:.9rem;color:hsl(var(--text-dim));margin-bottom:24px}