@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark:#0a0a0c;--bg-card:#19191eb3;--bg-card-hover:#23232dcc;--accent-pink:#ff2ebd;--accent-cyan:#00f0ff;--accent-purple:#7b2ff7;--text-main:#fff;--text-muted:#8e8e9e;--border-color:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at 15%,#7b2ff714 0%,#0000 50%),radial-gradient(circle at 85% 30%,#ff2ebd14 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0000004d}.glass-panel:hover{border-color:#ffffff26;transition:all .3s;transform:translateY(-2px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.spinner-loader{border:3px solid #ffffff14;border-top-color:var(--accent-pink);border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-color);flex-direction:column;width:280px;height:100vh;padding:30px 0;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:12px;margin-bottom:40px;padding:0 30px;display:flex}.logo-circle{background:linear-gradient(135deg, var(--accent-pink), var(--accent-purple));border-radius:16px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-text{color:#fff;font-size:1rem;font-weight:700}.brand-name{font-size:1.2rem;font-weight:700}.nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--text-muted);align-items:center;gap:15px;padding:12px 30px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff}.nav-item.active{border-left:3px solid var(--accent-pink);color:#fff;background:linear-gradient(90deg,#ff2ebd1a 0%,#0000 100%)}.nav-label{font-size:1rem}.bottom-nav{padding:0 30px}.logout-btn{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:15px;padding:12px 0;font-size:.95rem;font-weight:500;display:flex}.logout-btn:hover{color:#fff}.main-content{flex:1;overflow-y:auto}.mobile-header{display:none}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.stat-card{flex-direction:column;justify-content:center;padding:24px;display:flex}@media (width<=768px){.app-container{display:block}.sidebar{z-index:1000;border-right:none;border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0cf2;flex-direction:row;justify-content:space-around;align-items:center;width:100%;height:70px;padding:0;position:fixed;top:auto;bottom:0;left:0}.logo-container{display:none}.nav{flex-direction:row;justify-content:space-around;align-items:center;width:100%;margin:0;padding:0}.nav-item{border-top:3px solid #0000;flex-direction:column;flex:1;justify-content:center;gap:4px;padding:10px;border-left:none!important}.nav-item.active{border-top:3px solid var(--accent-pink);background:linear-gradient(#ff2ebd1a 0%,#0000 100%)}.nav-label{font-size:.7rem}.bottom-nav{display:none}.mobile-header{z-index:1000;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0cf2;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.main-content{margin-top:60px;margin-bottom:70px;padding-bottom:20px!important;overflow-y:visible!important}}