:root{--primary:#00d09c;--primary-glow:#00d09c4d;--bg-dark:#0f1115;--bg-panel:#16181d;--bg-glass:#16181d99;--text-main:#f3f4f6;--text-muted:#9ca3af;--border-color:#2e303a;--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(12px);border:1px solid #ffffff0d;border-radius:16px}.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 .2s,box-shadow .2s}.card:hover{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.btn{background:var(--primary);color:#000;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:inline-flex}.btn:hover{box-shadow:0 0 15px var(--primary-glow);background:#00e6ae;transform:translateY(-1px)}.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}}