:root{--color-bg-primary: #000000;--color-bg-secondary: #0A0A0A;--color-bg-tertiary: #171717;--color-bg-elevated: #0A0A0A;--color-text-primary: #FFFFFF;--color-text-secondary: #A3A3A3;--color-text-tertiary: #525252;--color-accent-primary: #FFFFFF;--color-accent-secondary: #FFFFFF;--color-accent-tertiary: #262626;--color-accent-danger: #EF4444;--color-accent-highlight: #FFFFFF;--gradient-primary: radial-gradient(circle at 50% -20%, #1e1e1e 0%, #000000 100%);--gradient-secondary: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%);--gradient-warm: linear-gradient(135deg, #171717 0%, #000000 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .8);--glass-blur: blur(20px);--glass-glow: 0 0 20px rgba(255, 255, 255, .02);--glass-shine: inset 0 1px 1px rgba(255, 255, 255, .05);--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: none;--shadow-md: none;--shadow-lg: 0 4px 20px rgba(0, 0, 0, .5);--shadow-xl: 0 10px 30px rgba(0, 0, 0, .8);--shadow-glow: 0 0 10px rgba(255, 255, 255, .2);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--nav-height: 64px;--max-width-content: 1280px;--sidebar-width: 260px;--bottom-nav-height: 70px;--max-width-text: 65ch;--color-accent-brand: #FFFFFF;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}@media (max-width: 768px){:root{--font-size-3xl: 1.5rem;--font-size-4xl: 1.8rem;--space-lg: 1rem;--sidebar-width: 100%;--bottom-nav-height: 65px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{margin:0;font-family:var(--font-primary);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);min-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .4s ease-out forwards}.slide-in{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}.scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1) forwards}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-extrabold);line-height:1.2;margin-bottom:var(--space-md);letter-spacing:-.02em}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-md)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;border:none;background:none}input:focus,textarea:focus,select:focus{outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary)}::selection{background:var(--color-accent-primary);color:var(--color-bg-primary)}.container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-lg)}.text-center{text-align:center}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-shell{display:flex;min-height:100vh;background:#000;background-image:radial-gradient(circle at 50% 0%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(79,172,254,.02) 0%,transparent 40%);background-attachment:fixed}.app-main{flex:1;display:flex;flex-direction:column;margin-left:260px;min-width:0}.content-area{padding:var(--space-xl);flex:1;overflow-y:auto}.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid rgba(255,255,255,.03);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;padding:var(--space-xl) 0;z-index:var(--z-sticky);box-shadow:10px 0 30px #00000080}.sidebar-header{margin-bottom:var(--space-2xl);padding:0 var(--space-xl);display:flex;flex-direction:column;align-items:center}.nav-brand{padding:10px var(--space-xl);background:transparent;border:none;box-shadow:none;display:flex;justify-content:flex-start;align-items:center;width:100%;margin-bottom:20px}.brand-logo{height:40px;width:40px}.brand-text{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;margin-left:12px}.brand-text-premium{font-size:1.6rem;font-weight:900;letter-spacing:2px;color:var(--color-text-primary);text-transform:uppercase;display:flex;align-items:center;gap:1px;font-family:var(--font-display)}.brand-o-glow{color:#4facfe;text-shadow:0 0 10px rgba(79,172,254,.8),0 0 20px rgba(79,172,254,.4);position:relative;display:inline-block}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:var(--space-xl)}.nav-section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-tertiary);margin-bottom:var(--space-sm);padding-left:var(--space-xl);font-weight:700;opacity:.7}.sidebar-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-xl);color:var(--color-text-secondary);font-weight:500;transition:all var(--transition-base);position:relative;border-left:4px solid transparent}.sidebar-link:hover{color:var(--color-text-primary);background:#ffffff05}.sidebar-link.active{background:#ffffff0d;color:var(--color-accent-primary);border-left:3px solid var(--color-accent-primary);box-shadow:inset 10px 0 20px #ffffff05}.sidebar-link.active .icon{transform:scale(1.1);color:var(--color-accent-primary);filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}.sidebar-link .icon{font-size:1.25rem;width:24px;text-align:center;transition:transform var(--transition-bounce)}.topbar{height:70px;background:#0a0a0acc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:0 4px 30px #0000004d}.current-page-title{font-size:1.5rem;margin:0;font-weight:700;letter-spacing:-.5px;color:var(--color-text-primary);text-shadow:0 0 15px rgba(255,255,255,.1)}.topbar-search{flex:1;max-width:400px;background:var(--color-bg-secondary);border-radius:100px;padding:8px 16px;display:flex;align-items:center;gap:10px;border:1px solid var(--glass-border);margin:0 20px}.topbar-search:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #3b82f633}.search-input{width:100%;outline:none;color:var(--color-text-primary)}.topbar-actions{display:flex;align-items:center;gap:20px}.action-btn{position:relative;padding:8px;border-radius:50%;background:var(--color-bg-secondary);border:1px solid var(--glass-border);transition:all .2s}.action-btn:hover{background:var(--color-bg-tertiary)}.notification-dot{position:absolute;top:0;right:0;width:10px;height:10px;background:var(--color-accent-danger);border-radius:50%;border:2px solid var(--color-bg-secondary)}.user-profile{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;background:var(--color-bg-secondary);border-radius:100px;border:1px solid var(--glass-border);cursor:pointer}.avatar-circle{width:32px;height:32px;border-radius:50%;background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.user-info{display:flex;flex-direction:column;line-height:1.1}.user-name{font-size:.85rem;font-weight:700}.user-role{font-size:.7rem;color:var(--color-text-secondary)}.upgrade-card{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);padding:15px;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;transition:all .2s}.upgrade-card:hover{transform:translateY(-2px);border-color:var(--color-accent-secondary)}.upgrade-content h4{margin:0;font-size:.9rem;color:var(--color-accent-secondary)}.upgrade-content p{margin:0;font-size:.7rem;color:var(--color-text-secondary)}@media (max-width: 1024px){.app-main{margin-left:0;padding-bottom:90px}.sidebar{width:100%;height:var(--bottom-nav-height);top:auto;bottom:0;flex-direction:row;padding:0;align-items:center;justify-content:space-around;border-right:none;border-top:1px solid var(--glass-border);background:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sidebar-header,.sidebar-footer,.nav-section-label{display:none}.sidebar-nav{flex-direction:row;gap:0;justify-content:space-around;width:100%;margin:0}.nav-section{display:flex;width:100%;justify-content:space-around;gap:0}.sidebar-link{flex-direction:column;gap:4px;padding:8px 4px;border-left:none;border-bottom:3px solid transparent;font-size:.65rem;flex:1;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-link .icon{margin:0}.sidebar-link.active{border-left:none;border-bottom:3px solid var(--color-accent-primary);background:transparent;box-shadow:none}.sidebar-link span:last-child{display:block!important}.topbar{padding:0 15px}.topbar-search{display:none}}.card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-xl);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{transform:translateY(-4px);border-color:#ffffff1f;box-shadow:0 12px 48px #000000e6}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%);pointer-events:none}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),0 0 20px rgba(var(--accent-rgb),.1);border-color:#ffffff26}.hero-stats-card{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.05) 0%,transparent 100%),var(--glass-bg);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px #00000080,inset 0 1px 1px #ffffff0d}.theoretical-total-value{font-size:6rem;font-weight:900;letter-spacing:-2px;color:var(--color-text-primary);text-shadow:0 0 30px rgba(255,255,255,.1);background:linear-gradient(180deg,#fff,#a3a3a3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lift-accent-strip{height:100%;width:4px;position:absolute;left:0;top:0;border-radius:4px 0 0 4px;box-shadow:2px 0 10px #0000004d}.start-session-btn{background:var(--color-bg-secondary)!important;border:1px solid rgba(255,255,255,.1)!important;font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.start-session-btn:hover{background:var(--color-bg-tertiary)!important;border-color:var(--color-accent-primary)!important;box-shadow:0 0 30px #ffffff1a;transform:scale(1.02)!important}.start-session-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s}.start-session-btn:hover:after{opacity:1}.page-subtitle{color:var(--color-text-secondary);margin-bottom:0;font-size:var(--font-size-lg)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.stat-card{background:var(--glass-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);display:flex;align-items:center;gap:var(--space-md)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.form-input{background:var(--color-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:12px 16px;color:var(--color-text-primary);transition:all var(--transition-base)}.form-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px #ffffff0d}.settings-group{background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:24px;margin-bottom:24px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#0003;border-radius:16px;border:1px solid rgba(255,255,255,.03);margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-accent-secondary);box-shadow:0 0 40px #00000080,0 0 10px #c5a05933;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--glass-border);background:var(--color-bg-elevated);display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;color:var(--color-accent-secondary);font-family:var(--font-display);font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:1px}.category-scroll{display:flex;padding:var(--space-md);gap:var(--space-sm);overflow-x:auto;background:var(--color-bg-primary);border-bottom:1px solid var(--glass-border);scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-btn{padding:6px 16px;border-radius:100px;white-space:nowrap;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid transparent;cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.category-btn.active{background:var(--color-accent-primary);color:var(--color-bg-primary);box-shadow:0 0 15px #ffffff4d;border-color:#fff3;font-weight:700}.exercise-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm);padding:var(--space-lg);overflow-y:auto;background:var(--color-bg-primary)}.exercise-btn{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--color-text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.exercise-btn:hover{border-color:var(--color-accent-secondary);background:var(--color-bg-elevated);transform:translateY(-2px)}.custom-input-area{padding:var(--space-lg);background:var(--color-bg-elevated);border-top:1px solid var(--glass-border)}.set-grid-header{display:grid;grid-template-columns:80px .5fr 1fr 1fr 1fr 1fr .5fr;gap:var(--space-sm);margin-bottom:var(--space-xs);padding:0 var(--space-sm)}.grid-responsive{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-lg);margin-top:30px}.col-span-6{grid-column:span 6}.col-span-4{grid-column:span 4}@media (max-width: 1024px){.col-span-6{grid-column:span 12}}@media (max-width: 768px){.col-span-4{grid-column:span 12}}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.text-caption{font-size:.8rem;color:var(--color-text-secondary)}.h-300{height:300px}.h-250{height:250px}.w-full{width:100%}.mb-20{margin-bottom:20px}.set-grid-header span,.set-grid-header .set-type-header{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;text-align:center;letter-spacing:.5px}.set-row{display:grid;grid-template-columns:80px .5fr 1fr 1fr 1fr 1fr .5fr;gap:var(--space-sm);align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-xs);border:1px solid transparent;transition:border-color .2s}.set-row:focus-within{border-color:var(--color-accent-secondary)}.set-row .set-input{width:100%;text-align:center;background:transparent;border:none;border-bottom:1px solid var(--glass-border);border-radius:0;padding:4px;color:var(--color-text-primary)}.set-type-select-wrapper{position:relative;width:100%;height:100%}.set-type-select{width:100%;background:transparent;border:none;font-size:.75rem;font-weight:700;text-transform:uppercase;text-align:center;cursor:pointer;border-radius:var(--radius-sm);padding:2px 0;transition:all .2s}.set-type-select:hover{background:#ffffff0d}.rest-timer-widget{position:fixed;bottom:20px;right:20px;width:280px;background:#111827f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-accent-secondary);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 10px 40px #00000080;z-index:var(--z-fixed);display:flex;flex-direction:column;align-items:center;gap:10px;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.timer-display-huge{font-family:var(--font-display);font-size:3rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums;color:var(--color-text-primary);text-shadow:0 0 20px rgba(16,185,129,.2)}.timer-controls{display:flex;gap:10px;align-items:center}.btn-icon-small{padding:4px 8px;background:#ffffff1a;border-radius:4px;font-size:.75rem;color:var(--color-text-secondary)}.btn-icon-play{width:40px;height:40px;border-radius:50%;background:var(--color-accent-secondary);color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.btn-icon-play.paused{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--glass-border)}.timer-progress-bg{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.timer-progress-fill{height:100%;transition:width .2s linear}.timer-presets{display:flex;gap:5px;width:100%;justify-content:center}.preset-pill{padding:4px 10px;font-size:.7rem;background:#ffffff0d;border-radius:100px;color:var(--color-text-secondary)}.preset-pill:hover{background:var(--color-accent-primary);color:#fff}.slide-in-bottom{animation:slideUpBottom .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.workout-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);position:relative;overflow:hidden;transition:all var(--transition-base)}.workout-card:hover{border-color:var(--color-accent-secondary);background:var(--color-bg-elevated);transform:translate(4px)}.workout-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.05)}.workout-date{font-family:var(--font-display);font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.workout-volume{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:#ffffff0d;padding:4px 8px;border-radius:4px}.exercise-summary{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.02)}.exercise-summary:last-child{border-bottom:none}.set-tag{display:inline-block;font-size:.75rem;color:var(--color-text-tertiary);margin-left:8px}.activity-actions{margin-top:var(--space-md);display:flex;gap:var(--space-sm);justify-content:flex-end;opacity:0;transition:opacity .2s}.workout-card:hover .activity-actions{opacity:1}.btn-action{background:transparent;border:1px solid var(--glass-border);color:var(--color-text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-action:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-accent-secondary)}.btn-action.btn-delete:hover{border-color:var(--color-accent-danger);color:var(--color-accent-danger)}.focus-mode .content-area{margin-left:0!important;padding:var(--space-md);max-width:800px;margin:0 auto}@media (max-width: 768px){.focus-mode .content-area{padding:var(--space-sm);padding-bottom:100px}}.grid-12{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 1024px){.grid-12{grid-template-columns:repeat(12,1fr)}.col-span-desktop-4{grid-column:span 4!important}.col-span-desktop-8{grid-column:span 8!important}.col-span-desktop-6{grid-column:span 6!important}.col-span-desktop-12{grid-column:span 12!important}}.col-span-12{grid-column:span 12}.hero-section{margin-bottom:var(--space-xl)}.hero-card{background:linear-gradient(135deg,var(--color-accent-primary) 0%,#4F46E5 100%);border-radius:var(--radius-xl);padding:var(--space-xl);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 10px 30px #4f46e566;min-height:200px}.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;width:60%;background:radial-gradient(circle at center,rgba(255,255,255,.1),transparent 70%);pointer-events:none}.hero-content{z-index:2;flex:1}.hero-label{text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:2px;color:#fffc;margin-bottom:var(--space-xs)}.hero-title{font-size:2.5rem;font-weight:800;color:#fff}.dashboard-container{padding:var(--space-md);max-width:600px;margin:0 auto;width:100%}.dashboard-hero{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border-radius:24px;padding:30px 24px;margin-bottom:24px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px -10px #00000080}.dashboard-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.03),transparent 60%);pointer-events:none}.hero-total-label{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-secondary);font-weight:600;margin-bottom:8px;opacity:.8}.hero-total-value{font-family:var(--font-primary);font-size:4rem;font-weight:800;line-height:.9;color:#fff;letter-spacing:-2px;text-shadow:0 0 30px rgba(255,255,255,.1);margin-bottom:4px}.hero-total-unit{font-size:1.2rem;font-weight:400;color:var(--color-text-tertiary);vertical-align:top;margin-left:4px}.gl-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;padding:6px 12px;border-radius:100px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-top:12px}.gl-score{font-weight:700;color:#fff;font-size:.9rem}.sbd-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:30px}.stat-card-mini{background:var(--color-bg-secondary);border:1px solid var(--glass-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:transform .2s,background .2s}.stat-card-mini:active{transform:scale(.96);background:var(--color-bg-tertiary)}.stat-icon-wrapper{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.stat-value-mini{font-size:1.25rem;font-weight:800;color:#fff;line-height:1}.stat-label-mini{font-size:.7rem;color:var(--color-text-tertiary);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.btn-floating-start{width:100%;background:linear-gradient(135deg,#fff,#e0e0e0);border:none;color:#000;font-weight:700;font-size:1.1rem;padding:20px;border-radius:20px;cursor:pointer;box-shadow:0 10px 25px -5px #ffffff26;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s cubic-bezier(.34,1.56,.64,1);margin-bottom:40px}.btn-floating-start:active{transform:scale(.98) translateY(2px);box-shadow:0 4px 12px #ffffff1a}.recent-activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.section-title{font-size:1.1rem;font-weight:700;color:#fff}.hero-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:.9rem;color:#ffffffe6}.btn-hero{background:#fff;color:var(--color-accent-primary);border:none;padding:12px 32px;border-radius:100px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #0003;transition:transform var(--transition-bounce)}.btn-hero:hover{transform:scale(1.05)}.hero-visual{z-index:1;font-size:8rem;opacity:.2;transform:rotate(-15deg) translate(20px,20px)}.streak-section{margin-bottom:var(--space-xl)}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--space-md);color:var(--color-text-primary)}.streak-row{display:flex;justify-content:space-between;background:var(--color-bg-secondary);padding:var(--space-lg);border-radius:var(--radius-xl)}.streak-day{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:60px;border-radius:var(--radius-lg);background:#ffffff08;color:var(--color-text-secondary);position:relative;transition:all .3s}.streak-day.active{background:var(--color-accent-secondary);color:var(--color-bg-primary);box-shadow:0 0 15px #10b98166}.streak-day.today{border:2px solid var(--color-accent-primary)}.day-label{font-weight:700;font-size:.9rem}.check-mark{font-size:.75rem;margin-top:4px}.quick-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.quick-stat-card{background:var(--color-bg-secondary);padding:var(--space-md);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.quick-stat-card .label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:4px}.quick-stat-card .value{font-size:1.25rem;font-weight:800;color:var(--color-text-primary)}.recent-list{display:flex;flex-direction:column;gap:var(--space-sm)}.recent-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:background .2s}.recent-item:hover{background:var(--color-bg-elevated)}.recent-icon{width:40px;height:40px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.recent-info{flex:1}.recent-name{font-weight:600;color:var(--color-text-primary)}.recent-date{font-size:.8rem;color:var(--color-text-secondary)}.recent-arrow{color:var(--color-text-tertiary)}@media (max-width: 1024px){.app-main{margin-left:0;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}.topbar{padding:0 var(--space-md)}.current-page-title{font-size:1.25rem}.sidebar{width:100%;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));flex-direction:row;top:auto;bottom:0;border-right:none;border-top:1px solid var(--glass-border);padding:0;justify-content:space-around;background:#09090bf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -4px 20px #0006;display:flex}.sidebar-header,.nav-section-label{display:none}.sidebar-nav{flex-direction:row;width:100%;justify-content:space-around;align-items:center;gap:0}.nav-section{display:contents}.sidebar-link{flex-direction:column;justify-content:center;padding:8px 0;border-left:none;height:100%;flex:1;gap:4px;border-top:2px solid transparent}.sidebar-link.active{background:transparent;border-left:none;border-top-color:var(--color-accent-brand);color:var(--color-accent-brand)}.sidebar-link.active .icon{color:var(--color-accent-brand)}.sidebar-link span:last-child{font-size:.7rem;display:block}.sidebar-link .icon{font-size:1.5rem;margin-bottom:0}.content-area{padding:var(--space-md)}.topbar-search{display:none}}.btn-secondary-outline{background:transparent;border:1px solid var(--color-text-secondary);color:var(--color-text-secondary);border-radius:var(--radius-md);padding:8px 16px;font-weight:500;transition:all .2s}.btn-secondary-outline:hover{border-color:var(--color-text-primary);color:var(--color-text-primary);background:#ffffff0d}.custom-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--color-text-tertiary);border-radius:4px;background-color:transparent;cursor:pointer;position:relative;transition:all .2s}.custom-checkbox:checked{background-color:var(--color-accent-secondary);border-color:var(--color-accent-secondary)}.custom-checkbox:checked:after{content:"✓";position:absolute;color:#fff;font-size:14px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.sbd-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:600px;margin:20px auto 0;padding-top:30px;border-top:1px solid rgba(255,255,255,.05)}@media (min-width: 768px){.sbd-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 768px){.workout-logger{padding:0!important;margin:0 -1rem!important;width:calc(100% + 2rem)!important}.workout-logger .card{border-radius:0!important;border-left:none!important;border-right:none!important}.workout-logger .exercise-block{border-radius:0!important;margin-bottom:1px!important}}.sets-container-wrapper{position:relative;width:100%;margin:0;padding:0}.scroll-hint-overlay{position:absolute;top:0;right:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--color-bg-elevated));pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:10}.scroll-hint-overlay.hidden{opacity:0}@media (max-width: 480px){.action-btn-text{font-size:.7rem!important;letter-spacing:.5px!important}.action-btn-group{gap:6px!important}.action-btn{padding:6px 8px!important}}@keyframes pulse-risk{0%{filter:drop-shadow(0 0 5px #ef4444);stroke-width:2px}50%{filter:drop-shadow(0 0 15px #ef4444);stroke-width:4px}to{filter:drop-shadow(0 0 5px #ef4444);stroke-width:2px}}.pulse-risk{animation:pulse-risk 2s infinite ease-in-out}.lift-advice-panel{margin:15px 0 20px 34px;padding:14px 18px;background:#3b82f614;border-left:3px solid #3b82f6;border-radius:8px;font-size:.9rem}.lift-advice-header{display:flex;align-items:center;gap:8px;color:#3b82f6;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.lift-advice-progress{margin-bottom:8px;color:var(--color-text-secondary);line-height:1.5}.lift-advice-progress strong{color:var(--color-text-primary);font-weight:600}.lift-advice-recommendation{color:var(--color-text-primary);line-height:1.5;margin-bottom:10px}.lift-advice-targets{display:flex;gap:12px;align-items:center;padding:8px 12px;background:#3b82f61f;border-radius:6px;font-weight:600;color:#60a5fa;font-size:.85rem}.lift-advice-targets span{display:inline-flex;align-items:center;gap:4px}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:.5rem}.calendar-header h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin:0}.calendar-header button{background:transparent;border:1px solid var(--color-bg-tertiary);color:var(--color-text-primary);width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.calendar-header button:hover{background:var(--glass-bg);border-color:var(--color-text-primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.5rem}.calendar-weekdays>div{text-align:center;font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:1px;padding:8px 0;font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}@media (max-width: 768px){.calendar-grid button{min-height:48px;font-size:.8rem}}