:root{--primary:#00e676;--primary-glow:#00e67640;--primary-glow-strong:#00e67680;--bg-dark:#050505;--bg-panel:#111318;--bg-glass:#111318a6;--text-main:#fff;--text-muted:#a0aab2;--border-color:#ffffff14;--font-sans:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #00000080}.dashboard-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:260px;padding:24px 16px;display:flex}.brand{align-items:center;gap:12px;padding:0 12px 32px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), #009b74);width:32px;height:32px;box-shadow:0 4px 12px var(--primary-glow);border-radius:8px;justify-content:center;align-items:center;display:flex}.brand-title{background:linear-gradient(90deg,#fff,#9ca3af);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.nav-menu{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#ffffff08}.nav-item.active{background:var(--primary-glow);color:var(--primary);border:1px solid #00d09c33}.main-content{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow-y:auto}.main-content:before{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, #0000 70%);z-index:0;pointer-events:none;width:400px;height:400px;position:absolute;top:-100px;left:-100px}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;border-bottom:1px solid var(--border-color);background:#0f1115cc;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:sticky;top:0}.page-title{z-index:1;font-size:1.5rem;font-weight:600;position:relative}.header-actions{z-index:1;align-items:center;gap:16px;display:flex;position:relative}.content-wrapper{z-index:1;flex-direction:column;gap:24px;padding:40px;display:flex;position:relative}.card{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.card:before{content:"";pointer-events:none;border-radius:16px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff0d}.card:hover{box-shadow:0 12px 32px #0009, 0 0 16px var(--primary-glow);border-color:#ffffff26;transform:translateY(-4px)}.btn{background:var(--primary);color:#000;font-weight:700;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;transition:all .3s;display:inline-flex}.btn:hover{box-shadow:0 6px 20px var(--primary-glow-strong);background:#0f8;transform:translateY(-2px)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInSlideUp}.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-3{grid-column:span 3}@media (width<=1024px){.col-span-8,.col-span-4,.col-span-6,.col-span-3{grid-column:span 12}}