@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;800&display=swap";
:root{--bg-color:#050505;--bg-secondary:#121212;--text-primary:#fff;--text-secondary:#a1a1aa;--accent-primary:#6366f1;--accent-glow:#6366f180;--glass-bg:#ffffff08;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 50% -20%,#1e1b4b 0%,#0000 50%),radial-gradient(circle at 80% 80%,#6366f10d 0%,#0000 40%);min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif}a{color:inherit;text-decoration:none}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px}.dashboard-layout{background-color:var(--background);min-height:100vh;display:flex}.dashboard-sidebar{background:#0a0a0af2;border-right:1px solid #ffffff0d;flex-direction:column;width:260px;height:100vh;padding:24px 0;display:flex;position:sticky;top:0}.sidebar-logo{align-items:center;gap:8px;padding:0 24px 32px;font-size:1.25rem;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:0 16px;display:flex}.sidebar-link{color:var(--foreground);opacity:.7;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{opacity:1;background:#ffffff0d}.sidebar-link[data-active=true]{color:#a855f7;opacity:1;background:#a855f71a}.sidebar-bottom{border-top:1px solid #ffffff0d;padding:16px}.dashboard-main{flex-direction:column;flex:1;height:100vh;display:flex;overflow-y:auto}.dashboard-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a0a0acc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.dashboard-content{flex:1;padding:32px}.btn-primary{background:var(--accent-primary);color:#fff;cursor:pointer;box-shadow:0 4px 15px var(--accent-glow);border:none;border-radius:8px;padding:12px 24px;font-family:Inter,sans-serif;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 20px var(--accent-glow);background:#4f46e5;transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-secondary:hover{background:var(--glass-bg);border-color:var(--text-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeInUp}.mobile-only{display:none}@media (max-width:768px){.mobile-only{display:inline-flex}.desktop-only{display:none!important}.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;padding:6px 4px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);z-index:50;border-top:1px solid #ffffff14;border-right:none;position:fixed;inset:auto 0 0}.sidebar-logo,.sidebar-bottom{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around;gap:2px;padding:0}.sidebar-link{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:2px;min-height:48px;padding:8px 2px;font-size:.65rem;line-height:1.2}.sidebar-link[style]{border-top:none!important;margin-top:0!important;padding-top:8px!important}.dashboard-main{height:auto;min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow-y:visible}.dashboard-header{height:56px;padding:0 16px;padding-top:env(safe-area-inset-top)}.dashboard-header h2{font-size:1rem!important}.dashboard-content{padding:16px}.dashboard-content div[style*="display: flex"]{flex-wrap:wrap}.dashboard-content div[style*="display: grid"]{grid-template-columns:1fr!important}.dashboard-content table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}input,textarea,select{font-size:16px!important}.btn-primary,.btn-secondary{min-height:44px}.btn-primary:hover{transform:none}}