@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;700&display=swap";
:root{--bg-main:#0b0c10;--bg-panel:#14151b;--bg-card:#14151bb3;--text-main:#fff;--text-muted:#8a8d9b;--accent-cyan:#00e5ff;--accent-cyan-glow:#00e5ff66;--accent-green:#39ff14;--accent-green-glow:#39ff1466;--accent-violet:#8a2be2;--accent-violet-glow:#8a2be266;--accent-danger:#ff2e63;--border-color:#ffffff0d;--border-glow:#ffffff26;--font-family:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--bottom-nav-height:72px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);background:radial-gradient(circle at 15% 0%, #00e5ff08 0%, transparent 40%), radial-gradient(circle at 85% 100%, #39ff1405 0%, transparent 40%), var(--bg-main);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background-attachment:fixed;flex-direction:column;min-height:100dvh;display:flex}@keyframes slideUpFadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 10px var(--accent-cyan-glow)}50%{box-shadow:0 0 25px var(--accent-cyan-glow)}to{box-shadow:0 0 10px var(--accent-cyan-glow)}}@keyframes gradientPan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes floatOrb{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}div{animation-fill-mode:forwards}.container{width:100%;max-width:1200px;margin:0 auto;padding:32px 24px}.grid-dashboard{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px;display:grid}.header-bar{padding:16px 32px;padding-top:calc(16px + var(--safe-area-top));border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);z-index:50;background:#14151bcc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.desktop-nav{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding-bottom:16px;display:flex}.mobile-bottom-nav{display:none}.nav-link{color:var(--text-muted);border-radius:8px;padding:8px 12px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover{color:#fff;text-shadow:0 0 12px #fff6;background:#ffffff0d}.nav-link.active{color:#fff;background:#ffffff14}.nav-link.accent{color:var(--accent-cyan);margin-left:auto;font-weight:700}.nav-link.accent:hover{color:var(--bg-main);background:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-glow);text-shadow:none}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:16px;padding:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:.6s ease-out slideUpFadeIn;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,inset 1px 0 #ffffff0d}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff08 0%,#fff0 100%);height:100%;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--border-glow);transform:translateY(-4px)scale(1.01);box-shadow:0 16px 40px #00000080,inset 0 1px #ffffff26,inset 1px 0 #ffffff1a}input,select{transition:all .3s!important}input:focus,select:focus{border-color:var(--accent-cyan)!important;background:#0006!important;box-shadow:0 0 0 2px #00e5ff26!important}.btn-primary{color:var(--text-main);border:1px solid var(--accent-cyan);font-weight:600;font-family:var(--font-family);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-size:14px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 14px #00e5ff1a}.btn-primary:hover{background:var(--accent-cyan);color:var(--bg-main);box-shadow:0 0 20px var(--accent-cyan-glow);transform:translateY(-2px)}.btn-green{color:var(--text-main);border:1px solid var(--accent-green);font-weight:600;font-family:var(--font-family);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-size:14px;transition:all .3s;box-shadow:0 4px 14px #39ff141a}.btn-green:hover{background:var(--accent-green);color:var(--bg-main);box-shadow:0 0 20px var(--accent-green-glow);transform:translateY(-2px)}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.5px;margin-bottom:8px}.gradient-text{background:linear-gradient(135deg, var(--accent-cyan), #fff);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #00e5ff33);-webkit-background-clip:text;background-clip:text}.gradient-text-animated{background:linear-gradient(-45deg, var(--accent-cyan), var(--accent-green), var(--accent-violet), var(--accent-cyan));-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px #00e5ff4d);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:8s infinite gradientPan}.ambient-orb{filter:blur(100px);z-index:-1;opacity:.6;pointer-events:none;border-radius:50%;animation:25s ease-in-out infinite alternate floatOrb;position:fixed}.orb-1{background:var(--accent-cyan);opacity:.15;width:50vw;height:50vw;top:-10%;left:-10%}.orb-2{background:var(--accent-violet);opacity:.12;width:60vw;height:60vw;animation-duration:30s;animation-delay:-5s;bottom:-20%;right:-10%}.orb-3{background:var(--accent-green);opacity:.08;width:40vw;height:40vw;animation-duration:20s;animation-delay:-10s;top:40%;left:30%}.fitness-desktop-grid{display:block}.fitness-mobile-tabs{display:none}@media (max-width:768px){.desktop-nav,.fitness-desktop-grid{display:none}.fitness-mobile-tabs{display:block}.mobile-bottom-nav{height:var(--bottom-nav-height);padding-bottom:var(--safe-area-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:100;background:#0b0c10eb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tab{color:var(--text-muted);-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:56px;padding:8px 12px;font-size:10px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.bottom-tab.active,.bottom-tab.active .bottom-tab-label{color:var(--accent-cyan)}.bottom-tab:active{transform:scale(.9)}.bottom-tab-label{letter-spacing:.2px;font-size:10px;line-height:1}body{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom))}.container{padding:16px}.header-bar{padding:12px 16px;padding-top:calc(12px + var(--safe-area-top))}.header-bar h2{font-size:20px!important}.header-user-info{display:none}.grid-dashboard{grid-template-columns:1fr;gap:16px;margin-top:16px}.glass-card{border-radius:12px;padding:16px}.glass-card:hover{transform:none}h1{font-size:24px}h2{font-size:18px}.btn-primary,.btn-green{text-align:center;width:100%;min-height:48px;padding:14px 24px}.btn-primary:hover,.btn-green:hover{transform:none}}@media (max-width:375px){.container{padding:12px}.header-bar{padding:10px 12px}.glass-card{padding:14px}h1{font-size:22px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:420px){.customize-label{display:none}}