:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{font-family:oswald,barlow;margin:0;padding:0;box-sizing:border-box}:root{--body-color: #E4E9F7;--sidebar-color: #FFF;--primary-color: #695CFE;--primary-color-light: #F6F5FF;--toggle-color: #DDD;--text-color: #707070;--tran-02: all .2s ease;--tran-03: all .3s ease;--tran-04: all .4s ease;--tran-05: all .5s ease}body{height:100vh;background:var(--body-color);transition:var(--tran-04)}body.dark{--body-color: #18191A;--sidebar-color: #242526;--primary-color: #3A3B3C;--primary-color-light: #3A3B3C;--toggle-color: #FFF;--text-color: #CCC}.sidebar .text{font-size:16px;font-weight:500;color:var(--text-color);transition:var(--tran-03);white-space:nowrap;opacity:1}.sidebar .image{min-width:60px;display:flex;align-items:center}.sidebar{position:fixed;top:0;left:0;height:100%;width:250px;padding:10px 14px;background:var(--sidebar-color);transition:var(--tran-05);z-index:100}.sidebar.close{width:88px}.sidebar.close .text{opacity:0}.sidebar li{height:50px;margin-top:10px;list-style:none;display:flex;align-items:center}.sidebar li.expandable{height:auto;flex-direction:column;align-items:stretch}.sidebar li .icon{display:flex;align-items:center;justify-content:center;min-width:60px;font-size:20px}.sidebar li .icon,.sidebar li .text{color:var(--text-color);transition:var(--tran-02)}.sidebar header{position:relative}.sidebar .image-text img{width:40px;border-radius:6px}.sidebar header .image-text{display:flex;align-items:center}header .image-text .header-text{display:flex;flex-direction:column}.header-text .name{font-weight:600}.header-text .profession{margin-top:-2px}.sidebar .toggle{position:absolute;top:50%;right:-15px;transform:translateY(-50%);height:25px;width:25px;background:var(--primary-color);display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--sidebar-color);cursor:pointer;z-index:1000}.sidebar.close .toggle{transform:translateY(-50%) rotate(180deg)}body.dark .sidebar .toggle{color:var(--text-color)}.sidebar .search-box{background:var(--primary-color-light)}.search-box input{height:100%;width:100%;outline:none;border:none;border-radius:6px;background:var(--primary-color-light)}.sidebar li a{height:100%;width:100%;display:flex;align-items:center;text-decoration:none;border-radius:8px;transition:var(--tran-04)}.sidebar li a:hover{background:var(--primary-color)}.sidebar li a:hover .icon,.sidebar li a:hover .text{color:var(--sidebar-color)}body.dark .sidebar li a:hover .icon,body.dark .sidebar li a:hover .text{color:var(--text-color)}.sidebar .menu-bar{height:calc(100% - 50px);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.sidebar .menu-bar::-webkit-scrollbar{width:6px}.sidebar .menu-bar::-webkit-scrollbar-track{background:transparent}.sidebar .menu-bar::-webkit-scrollbar-thumb{background:var(--toggle-color);border-radius:10px}.sidebar .menu-bar::-webkit-scrollbar-thumb:hover{background:var(--text-color)}.menu-bar .mode{position:relative;border-radius:6px}.menu-bar .mode .moon-sun{min-width:60px;height:50px;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative}.menu-bar .mode i{position:absolute;left:50%;transform:translate(-50%);transition:var(--tran-03)}.menu-bar .mode i.sun{opacity:0}body.dark .menu-bar .mode i.sun{opacity:1}body.dark .menu-bar .mode i.moon{opacity:0}.nav-item-wrapper{display:flex;align-items:center;position:relative;height:50px;width:100%;cursor:pointer}.nav-item-wrapper a{flex:1;pointer-events:auto;max-width:calc(100% - 35px)}.nav-item-wrapper .chevron{position:absolute;right:10px;font-size:18px;color:var(--text-color);transition:var(--tran-03);pointer-events:auto;min-width:auto;cursor:pointer;padding:5px;z-index:1}.sidebar.close .nav-item-wrapper .chevron{opacity:0}.nav-item-wrapper .chevron.expanded{transform:rotate(180deg)}.sub-menu{max-height:0;overflow:hidden;transition:max-height .3s ease;list-style:none;padding-left:0}.sub-menu.show{max-height:200px}.sidebar.close .sub-menu{max-height:0!important}.sub-nav-link{height:40px;margin-top:5px;display:flex;align-items:center;padding-left:60px}.sidebar.close .sub-nav-link{padding-left:0}.sub-nav-link a{height:100%;width:100%;display:flex;align-items:center;text-decoration:none;border-radius:8px;transition:var(--tran-04);padding-left:15px}.sub-nav-link a:hover{background:var(--primary-color-light)}.sub-nav-link a:hover .text{color:var(--primary-color)}body.dark .sub-nav-link a:hover{background:var(--primary-color)}body.dark .sub-nav-link a:hover .text{color:var(--text-color)}@media(min-width:769px){.sidebar{width:250px}.sidebar.close{width:88px}}@media(max-width:768px){.sidebar{width:88px}.sidebar.close{width:0;padding:0}.sidebar.close .toggle{right:-25px;left:auto}.sidebar .text{opacity:0}.sidebar:not(.close){width:250px}.sidebar:not(.close) .text{opacity:1}}.hamburger-menu{display:none;position:fixed;top:20px;right:20px;z-index:1000;background:var(--primary-color);width:45px;height:45px;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:var(--tran-03)}.hamburger-menu i{font-size:28px;color:var(--sidebar-color)}.hamburger-menu:hover{transform:scale(1.05)}body.dark .hamburger-menu i{color:var(--text-color)}@media(max-width:480px){.hamburger-menu{display:flex}.sidebar .toggle{display:none}.sidebar{left:auto;right:0;width:0;padding:0;transform:translate(100%);transition:var(--tran-04)}.sidebar header,.sidebar .menu-bar{opacity:0}.sidebar.close{width:0;transform:translate(100%)}.sidebar.close header,.sidebar.close .menu-bar{opacity:0}.sidebar:not(.close){width:280px;padding:10px 14px;transform:translate(0);box-shadow:-4px 0 10px #0000001a}.sidebar:not(.close) header,.sidebar:not(.close) .menu-bar{opacity:1}}.oswald-heading{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.barlow-thin{font-family:Barlow,sans-serif;font-weight:100;font-style:normal}.barlow-extralight{font-family:Barlow,sans-serif;font-weight:200;font-style:normal}.barlow-light{font-family:Barlow,sans-serif;font-weight:300;font-style:normal}.barlow-regular{font-family:Barlow,sans-serif;font-weight:400;font-style:normal}.barlow-medium{font-family:Barlow,sans-serif;font-weight:500;font-style:normal}.barlow-semibold{font-family:Barlow,sans-serif;font-weight:600;font-style:normal}.barlow-bold{font-family:Barlow,sans-serif;font-weight:700;font-style:normal}.barlow-extrabold{font-family:Barlow,sans-serif;font-weight:800;font-style:normal}.barlow-black{font-family:Barlow,sans-serif;font-weight:900;font-style:normal}.barlow-thin-italic{font-family:Barlow,sans-serif;font-weight:100;font-style:italic}.barlow-extralight-italic{font-family:Barlow,sans-serif;font-weight:200;font-style:italic}.barlow-light-italic{font-family:Barlow,sans-serif;font-weight:300;font-style:italic}.barlow-regular-italic{font-family:Barlow,sans-serif;font-weight:400;font-style:italic}.barlow-medium-italic{font-family:Barlow,sans-serif;font-weight:500;font-style:italic}.barlow-semibold-italic{font-family:Barlow,sans-serif;font-weight:600;font-style:italic}.barlow-bold-italic{font-family:Barlow,sans-serif;font-weight:700;font-style:italic}.barlow-extrabold-italic{font-family:Barlow,sans-serif;font-weight:800;font-style:italic}.barlow-black-italic{font-family:Barlow,sans-serif;font-weight:900;font-style:italic}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--body-color);padding:20px}.login-card{background:var(--card-bg, #ffffff);border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:48px;width:100%;max-width:480px;transition:var(--tran-03)}.login-card:hover{box-shadow:0 12px 48px #00000026}.login-header{text-align:center;margin-bottom:40px}.logo-section{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.login-logo{width:60px;height:60px;border-radius:12px}.login-title{font-family:Oswald,sans-serif;font-size:36px;font-weight:700;letter-spacing:2px;color:var(--text-color);margin:0}.login-subtitle{font-family:Barlow,sans-serif;font-size:16px;color:var(--muted-text, #707070);margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:var(--text-color);letter-spacing:.5px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon i{position:absolute;left:16px;font-size:20px;color:var(--muted-text, #707070);transition:var(--tran-03)}.input-with-icon input{width:100%;padding:14px 16px 14px 48px;border:2px solid var(--divider-color, #DDD);border-radius:12px;font-family:Barlow,sans-serif;font-size:15px;color:var(--text-color);background:var(--card-bg, #ffffff);transition:var(--tran-03);outline:none}.input-with-icon input:focus{border-color:var(--accent-grey, #695CFE)}.input-with-icon input:focus~i{color:var(--accent-grey, #695CFE)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-8px}.remember-me{display:flex;align-items:center;gap:8px;font-family:Barlow,sans-serif;font-size:14px;color:var(--text-color);cursor:pointer}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-grey, #695CFE)}.forgot-password{font-family:Barlow,sans-serif;font-size:14px;color:var(--accent-grey, #695CFE);text-decoration:none;font-weight:600;transition:var(--tran-03)}.forgot-password:hover{text-decoration:underline}.login-button{width:100%;padding:16px;background:var(--accent-grey, #695CFE);color:#fff;border:none;border-radius:12px;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:var(--tran-03);margin-top:8px}.login-button:hover{background:#5548d9;transform:translateY(-2px);box-shadow:0 8px 24px #695cfe66}.login-button:active{transform:translateY(0)}.login-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--divider-color, #DDD)}.login-footer p{font-family:Barlow,sans-serif;font-size:14px;color:var(--muted-text, #707070);margin:0}.signup-link{color:var(--accent-grey, #695CFE);text-decoration:none;font-weight:600;transition:var(--tran-03)}.signup-link:hover{text-decoration:underline}body.dark .login-card{box-shadow:0 8px 32px #0000004d}body.dark .login-card:hover{box-shadow:0 12px 48px #0006}body.dark .input-with-icon input{background:var(--sidebar-color, #242526)}body.dark .login-button:hover{background:#fff;color:#000;box-shadow:0 8px 24px #fff3}@media(max-width:580px){.login-card{padding:32px 24px}.login-title{font-size:28px}.logo-section{flex-direction:column;gap:12px}}.account-main{flex:1;background:var(--body-color);overflow-y:auto;position:relative;display:flex;flex-direction:column}.topbar{height:71px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 30px;background:var(--body-color);flex-shrink:0;position:sticky;top:0;z-index:10}.page-title{font-family:Oswald,sans-serif;font-size:24px;font-weight:600;letter-spacing:1.5px;color:var(--text-color);margin:0}.topbar-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:44px;height:44px;border:none;border-radius:50%;background:var(--card-bg, #ffffff);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--tran-03);box-shadow:0 2px 4px #0000000d}.icon-btn i{font-size:20px;color:var(--text-color)}.icon-btn:hover{background:var(--accent-grey, #695CFE);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.icon-btn:hover i{color:#fff}body.dark .icon-btn{background:var(--sidebar-color)}.divider{position:absolute;top:70.9px;left:0;right:0;height:1px;background:var(--divider-color, #DDD);opacity:.4}.profile-container{padding:30px;max-width:1400px;margin:0 auto;width:100%}.profile-header{background:var(--card-bg, #ffffff);border-radius:16px;padding:30px;margin-bottom:20px;display:flex;align-items:center;gap:24px;box-shadow:0 2px 8px #00000014;transition:var(--tran-03)}.profile-header:hover{box-shadow:0 4px 16px #0000001f}.profile-avatar{width:120px;height:120px;border-radius:50%;background:var(--primary-color-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:4px solid var(--accent-grey, #695CFE);transition:var(--tran-03)}body.dark .profile-avatar{border-color:var(--primary-color)}.profile-avatar i{font-size:60px;color:var(--accent-grey, #695CFE)}body.dark .profile-avatar i{color:var(--primary-color)}.profile-info{flex:1}.profile-name{font-family:Oswald,sans-serif;font-size:36px;font-weight:700;letter-spacing:2px;color:var(--text-color);margin-bottom:8px}.profile-position{font-family:Barlow,sans-serif;font-size:18px;font-weight:500;color:var(--muted-text, #707070);letter-spacing:1px}.edit-profile-btn{background:var(--accent-grey, #695CFE);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-family:Barlow,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--tran-03)}.edit-profile-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}body.dark .edit-profile-btn{background:var(--primary-color);color:#000}body.dark .edit-profile-btn:hover{background:#fff}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card{background:var(--card-bg, #ffffff);border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000014;transition:var(--tran-03);display:flex;flex-direction:column}.card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-title{font-family:Oswald,sans-serif;font-size:16px;font-weight:600;letter-spacing:1.5px;margin-bottom:20px;color:var(--text-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header .card-title{margin-bottom:0;flex:1}.see-all{background:var(--primary-color-light);border:none;border-radius:999px;padding:10px 20px;font-family:Barlow,sans-serif;font-size:12px;font-weight:600;cursor:pointer;color:var(--text-color);transition:var(--tran-03)}.see-all:hover{background:var(--accent-grey, #695CFE);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}body.dark .see-all{background:#c6c6c633;color:#c6c6c6}body.dark .see-all:hover{background:#c6c6c6;color:#000}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{font-family:Oswald,sans-serif;font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--muted-text, #707070)}.info-value{font-family:Barlow,sans-serif;font-size:20px;font-weight:600;color:var(--text-color)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.metric-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--primary-color-light);border-radius:12px;transition:var(--tran-03)}.metric-item:hover{background:var(--accent-grey, #695CFE);transform:translateY(-2px)}.metric-item:hover .metric-icon i,.metric-item:hover .metric-value,.metric-item:hover .metric-label{color:#fff}body.dark .metric-item{background:#c6c6c61a}body.dark .metric-item:hover{background:var(--primary-color)}body.dark .metric-item:hover .metric-value,body.dark .metric-item:hover .metric-label,body.dark .metric-item:hover .metric-icon i{color:#000}.metric-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#4a4a4b1a;border-radius:8px;flex-shrink:0}.metric-icon i{font-size:24px;color:var(--accent-grey, #695CFE);transition:var(--tran-03)}body.dark .metric-icon{background:#c6c6c633}body.dark .metric-icon i{color:var(--primary-color)}.metric-info{display:flex;flex-direction:column;gap:2px}.metric-value{font-family:Oswald,sans-serif;font-size:24px;font-weight:700;color:var(--text-color);line-height:1;transition:var(--tran-03)}.metric-label{font-family:Barlow,sans-serif;font-size:11px;font-weight:600;color:var(--muted-text, #707070);letter-spacing:1px;transition:var(--tran-03)}.performance-chart{background:var(--primary-color-light);border-radius:12px;padding:40px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;min-height:180px}body.dark .performance-chart{background:#c6c6c61a}.chart-placeholder{text-align:center;color:var(--muted-text, #707070)}.chart-placeholder i{font-size:48px;margin-bottom:8px;opacity:.5}.chart-placeholder p{font-family:Barlow,sans-serif;font-size:14px;font-weight:500}.performance-stats{display:flex;flex-direction:column;gap:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--primary-color-light);border-radius:8px;transition:var(--tran-03)}.stat-row:hover{background:var(--accent-grey, #695CFE)}.stat-row:hover .stat-label,.stat-row:hover .stat-value{color:#fff}body.dark .stat-row{background:#c6c6c61a}body.dark .stat-row:hover{background:var(--primary-color)}body.dark .stat-row:hover .stat-label,body.dark .stat-row:hover .stat-value{color:#000}.stat-label{font-family:Barlow,sans-serif;font-size:14px;font-weight:500;color:var(--text-color);transition:var(--tran-03)}.stat-value{font-family:Oswald,sans-serif;font-size:18px;font-weight:700;color:var(--text-color);transition:var(--tran-03)}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--primary-color-light);border-radius:12px;transition:var(--tran-03)}.activity-item:hover{background:var(--accent-grey, #695CFE);transform:translate(4px)}.activity-item:hover .activity-icon i,.activity-item:hover .activity-title,.activity-item:hover .activity-time,.activity-item:hover .activity-duration{color:#fff}body.dark .activity-item{background:#c6c6c61a}body.dark .activity-item:hover{background:var(--primary-color)}body.dark .activity-item:hover .activity-title,body.dark .activity-item:hover .activity-time,body.dark .activity-item:hover .activity-duration,body.dark .activity-item:hover .activity-icon i{color:#000}.activity-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#4a4a4b1a;border-radius:8px;flex-shrink:0}.activity-icon i{font-size:24px;color:var(--accent-grey, #695CFE);transition:var(--tran-03)}body.dark .activity-icon{background:#c6c6c633}body.dark .activity-icon i{color:var(--primary-color)}.activity-details{flex:1;display:flex;flex-direction:column;gap:4px}.activity-title{font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:var(--text-color);transition:var(--tran-03)}.activity-time{font-family:Barlow,sans-serif;font-size:12px;font-weight:400;color:var(--muted-text, #707070);transition:var(--tran-03)}.activity-duration{font-family:Oswald,sans-serif;font-size:14px;font-weight:700;color:var(--text-color);transition:var(--tran-03)}@media(max-width:1200px){.profile-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.profile-container{padding:20px}.profile-header{flex-direction:column;text-align:center}.profile-avatar{width:100px;height:100px}.profile-avatar i{font-size:50px}.profile-name{font-size:28px}.profile-position{font-size:16px}.metrics-grid,.info-grid{grid-template-columns:1fr}.topbar{padding:0 16px}}:root{--cat-strength: #3B82F6;--cat-cardio: #EF4444;--cat-mobility: #10B981;--cat-stretch: #8B5CF6;--cat-skill: #F59E0B}body.dark{--cat-strength: #1E40AF;--cat-cardio: #991B1B;--cat-mobility: #065F46;--cat-stretch: #6B21A8;--cat-skill: #A16207}.content-wrapper{max-width:100%;margin:0}.add-exercise-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color);border:none;border-radius:8px;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:var(--tran-03)}.add-exercise-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #695cfe4d}.add-exercise-btn i{font-size:18px}.filter-toggles{display:flex;gap:8px;align-items:center}.exercise-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;padding-bottom:40px}.exercise-card{background:var(--sidebar-color);border-radius:12px;border:2px solid var(--toggle-color);overflow:hidden;transition:var(--tran-03);cursor:pointer;display:flex;flex-direction:column}.exercise-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary-color)}.exercise-card-media{width:100%;height:180px;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--toggle-color) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.exercise-card-media i{font-size:64px;color:var(--primary-color);opacity:.3}.exercise-card-media img{width:100%;height:100%;object-fit:cover}.category-badge-overlay{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:6px;font-family:Oswald,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.exercise-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.exercise-card-title{font-family:Barlow,sans-serif;font-size:18px;font-weight:700;color:var(--text-color);margin-bottom:8px;line-height:1.3}.exercise-card-description{font-family:Barlow,sans-serif;font-size:13px;color:var(--text-color);opacity:.8;margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.exercise-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tag i{font-size:12px}.tag.strength-tag{background:#3b82f61a;color:var(--cat-strength);border-color:var(--cat-strength)}.tag.cardio-tag{background:#ef44441a;color:var(--cat-cardio);border-color:var(--cat-cardio)}.tag.mobility-tag{background:#10b9811a;color:var(--cat-mobility);border-color:var(--cat-mobility)}.tag.stretch-tag{background:#8b5cf61a;color:var(--cat-stretch);border-color:var(--cat-stretch)}.tag.skill-tag{background:#f59e0b1a;color:var(--cat-skill);border-color:var(--cat-skill)}.content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.content-placeholder i{font-size:80px;color:var(--text-color);opacity:.3;margin-bottom:20px}.content-placeholder h2{font-family:Oswald,sans-serif;font-size:24px;color:var(--text-color);margin-bottom:10px}.content-placeholder p{font-family:Barlow,sans-serif;font-size:14px;color:var(--text-color);opacity:.7}.modal-content{background:var(--sidebar-color);border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}.exercise-modal .modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;border-radius:50%;background:#0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--tran-03);z-index:10}.exercise-modal .modal-close i{font-size:24px;color:var(--text-color)}.exercise-modal .modal-close:hover{background:#ef4444;transform:rotate(90deg)}.exercise-modal .modal-close:hover i{color:#fff}.category-badge{background:var(--primary-color);color:#fff}.mechanic-badge{background:var(--primary-color-light);color:var(--text-color);border:1px solid var(--toggle-color)}.media-placeholder{width:100%;height:300px;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--toggle-color) 100%);display:flex;align-items:center;justify-content:center}.media-placeholder i{font-size:80px;color:var(--primary-color);opacity:.3}.media-placeholder img,.media-placeholder video{width:100%;height:100%;object-fit:cover}.modal-details{display:flex;flex-direction:column;gap:20px}.detail-section{display:flex;flex-direction:column;gap:8px}.property-item{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--body-color);border-radius:8px;border:1px solid var(--toggle-color)}.property-value{font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:var(--text-color)}.muscle-tags,.equipment-tags{display:flex;flex-wrap:wrap;gap:8px}.muscle-tag,.equipment-tag{padding:8px 14px;border-radius:8px;font-family:Barlow,sans-serif;font-size:13px;font-weight:600;background:var(--primary-color-light);color:var(--text-color);border:1px solid var(--toggle-color)}.muscle-tag.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.muscle-tag.secondary{background:#695cfe33;color:var(--primary-color);border-color:var(--primary-color)}@media(max-width:768px){.main-content{left:88px;width:calc(100% - 88px)}.sidebar.close~.main-content{left:0;width:100%}.filter-toolbar{flex-direction:column;align-items:stretch}.filter-search,.filter-group,.filter-group select{width:100%}.exercise-grid{grid-template-columns:1fr}.modal-content{max-height:95vh}}@media(max-width:480px){.page-title{font-size:24px}.add-exercise-btn span{display:none}.filter-toggles{width:100%;justify-content:stretch}.filter-toggle{flex:1}.modal-title{font-size:22px}.properties-grid{grid-template-columns:1fr}}.exercise-card{animation:fadeIn .3s ease}:root{--color-strength: #3B82F6;--color-hypertrophy: #8B5CF6;--color-cardio: #EF4444;--color-hiit: #F59E0B;--color-mobility: #10B981;--color-sport: #06B6D4;--color-full-body: #EC4899;--color-beginner: #10B981;--color-intermediate: #F59E0B;--color-advanced: #EF4444}.header-content{display:flex;justify-content:space-between;align-items:center}.btn-primary svg{width:18px;height:18px}.filters-section{background:var(--sidebar-color);padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 4px #0000000d}.search-bar{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-color);opacity:.5}#searchInput{width:100%;padding:14px 16px 14px 48px;background:var(--body-color);border:1px solid var(--toggle-color);border-radius:8px;font-size:15px;color:var(--text-color);font-family:Barlow,sans-serif;transition:var(--tran-03)}#searchInput:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #695cfe1a}.filter-controls{display:flex;gap:12px;flex-wrap:wrap}.filter-select{flex:1;min-width:150px;padding:12px 16px;background:var(--body-color);border:1px solid var(--toggle-color);border-radius:8px;font-size:14px;color:var(--text-color);font-family:Barlow,sans-serif;cursor:pointer;transition:var(--tran-03)}.filter-select:focus{outline:none;border-color:var(--primary-color)}.results-info p{color:var(--text-color);font-size:14px;font-family:Barlow,sans-serif}.workouts-container{display:flex;flex-direction:column;gap:24px}.workout-card{background:var(--sidebar-color);border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #0000000d;transition:var(--tran-03);cursor:pointer;display:flex;height:200px;border:2px solid transparent;max-width:100%}.workout-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000001a;border-color:var(--primary-color)}.card-media{width:25%;min-width:200px;max-width:300px;flex-shrink:0;position:relative;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--toggle-color) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.media-placeholder{width:80px;height:80px;color:var(--primary-color);opacity:.3}.category-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;font-family:Oswald,sans-serif;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080}.category-badge.strength{background:var(--color-strength)}.category-badge.hypertrophy{background:var(--color-hypertrophy)}.category-badge.cardio{background:var(--color-cardio)}.category-badge.hiit{background:var(--color-hiit)}.category-badge.mobility{background:var(--color-mobility)}.category-badge.sport-specific{background:var(--color-sport)}.category-badge.full-body{background:var(--color-full-body)}.card-content{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden}.card-header{margin-bottom:12px}.card-title{font-size:22px;font-weight:600;font-family:Oswald,sans-serif;color:var(--text-color);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:14px;font-family:Barlow,sans-serif;color:var(--text-color);opacity:.8;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:24px;margin-top:12px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:8px;font-size:14px;font-family:Barlow,sans-serif;color:var(--text-color);opacity:.8;min-width:0}.meta-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-item svg{width:18px;height:18px;color:var(--text-color);opacity:.6}.meta-value{font-weight:600;color:var(--text-color)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--toggle-color)}.muscle-tags{display:flex;gap:8px;flex-wrap:wrap}.muscle-tag{padding:4px 10px;background:var(--body-color);border-radius:6px;font-size:12px;font-weight:500;font-family:Barlow,sans-serif;color:var(--text-color);opacity:.8}.difficulty-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;font-family:Oswald,sans-serif;text-transform:uppercase;color:#fff}.difficulty-badge.beginner{background:var(--color-beginner)}.difficulty-badge.intermediate{background:var(--color-intermediate)}.difficulty-badge.advanced{background:var(--color-advanced)}.workout-modal .modal-close{position:absolute;top:16px;right:16px;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;padding:0!important;margin:0!important;border:none;border-radius:50%;background:#0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;z-index:10;font-size:32px;line-height:1;color:var(--text-color);font-weight:300;transform:none!important;box-sizing:border-box!important;flex-shrink:0!important;aspect-ratio:1 / 1!important}.workout-modal .modal-close:hover{background:#ef4444;color:#fff;transform:none!important}.modal-header{padding:32px 24px 24px;border-bottom:2px solid var(--toggle-color);display:flex;flex-direction:column;gap:12px}.modal-title{font-family:Oswald,sans-serif;font-size:28px;font-weight:600;letter-spacing:1.5px;color:var(--text-color)!important;margin:0}#modalTitle{color:var(--text-color)!important}.modal-media{margin-bottom:24px;border-radius:12px;overflow:hidden;width:100%;height:300px;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--toggle-color) 100%)}.modal-media img{width:100%;height:100%;object-fit:cover}.properties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.property{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--body-color);border-radius:8px;border:1px solid var(--toggle-color)}.property-label{font-family:Barlow,sans-serif;font-size:12px;font-weight:600;color:var(--text-color);opacity:.7;text-transform:uppercase;letter-spacing:.5px}.property-value{font-family:Barlow,sans-serif;font-size:16px;font-weight:600;color:var(--text-color)}.workout-modal .badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;font-family:Oswald,sans-serif;text-transform:uppercase;color:#fff;position:static}.workout-modal .category-badge,.workout-modal .difficulty-badge{position:static;-webkit-backdrop-filter:none;backdrop-filter:none}.workout-modal .difficulty-badge.beginner{background:var(--color-beginner)}.workout-modal .difficulty-badge.intermediate{background:var(--color-intermediate)}.workout-modal .difficulty-badge.advanced{background:var(--color-advanced)}.workout-modal .category-badge.strength{background:var(--color-strength)}.workout-modal .category-badge.hypertrophy{background:var(--color-hypertrophy)}.workout-modal .category-badge.cardio{background:var(--color-cardio)}.workout-modal .category-badge.hiit{background:var(--color-hiit)}.workout-modal .category-badge.mobility{background:var(--color-mobility)}.workout-modal .category-badge.sport-specific{background:var(--color-sport)}.workout-modal .category-badge.full-body{background:var(--color-full-body)}.modal-info{display:flex;flex-direction:column;gap:24px}.info-section h3{font-size:18px;font-family:Oswald,sans-serif;margin-bottom:12px;color:var(--text-color)}.info-section p{color:var(--text-color);font-family:Barlow,sans-serif;line-height:1.6;opacity:.9}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;background:var(--body-color);border-radius:6px;font-size:13px;font-weight:500;font-family:Barlow,sans-serif;color:var(--text-color);opacity:.9}.exercises-list{display:flex;flex-direction:column;gap:12px}.exercise-item{padding:16px;background:var(--body-color);border-radius:8px;display:flex;justify-content:space-between;align-items:center}.exercise-name{font-weight:600;font-family:Barlow,sans-serif;color:var(--text-color)}.exercise-details{font-size:14px;font-family:Barlow,sans-serif;color:var(--text-color);opacity:.8}@media(max-width:768px){.page-title{font-size:24px}.workout-card{flex-direction:column;height:auto}.card-media{width:100%;height:200px}.filter-controls{flex-direction:column}.filter-select{width:100%}.card-meta{flex-direction:column;gap:12px}}@media(max-width:480px){.main-content{padding:20px 16px}.btn-primary span{display:none}}:root{--type-breakfast: #F59E0B;--type-lunch: #10B981;--type-dinner: #3B82F6;--type-snack: #8B5CF6;--diff-easy: #10B981;--diff-medium: #F59E0B;--diff-hard: #EF4444}body.dark{--type-breakfast: #A16207;--type-lunch: #065F46;--type-dinner: #1E40AF;--type-snack: #6B21A8;--diff-easy: #065F46;--diff-medium: #A16207;--diff-hard: #991B1B}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.page-title{font-family:Oswald,sans-serif;font-size:32px;font-weight:600;letter-spacing:2px;color:var(--text-color)}.add-meal-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color);border:none;border-radius:8px;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:var(--tran-03)}.add-meal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #695cfe4d}.add-meal-btn i{font-size:18px}.filter-toolbar{display:flex;gap:16px;padding:20px;background:var(--sidebar-color);border-radius:12px;border:2px solid var(--toggle-color);margin-bottom:20px;flex-wrap:wrap;align-items:flex-end}.filter-search{position:relative;flex:1;min-width:250px}.filter-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--text-color);opacity:.5}.filter-search input{width:100%;padding:12px 14px 12px 44px;border:2px solid var(--toggle-color);border-radius:8px;background:var(--body-color);color:var(--text-color);font-family:Barlow,sans-serif;font-size:14px;font-weight:500;transition:var(--tran-03)}.filter-search input:focus{outline:none;border-color:var(--primary-color)}.filter-search input::placeholder{color:var(--text-color);opacity:.6}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-family:Barlow,sans-serif;font-size:12px;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:12px 14px;border:2px solid var(--toggle-color);border-radius:8px;background:var(--body-color);color:var(--text-color);font-family:Barlow,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:var(--tran-03);min-width:140px}.filter-group select:focus{outline:none;border-color:var(--primary-color)}.filter-toggles{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-toggle{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--body-color);border:2px solid var(--toggle-color);border-radius:8px;font-family:Barlow,sans-serif;font-size:13px;font-weight:600;color:var(--text-color);cursor:pointer;transition:var(--tran-03)}.filter-toggle i{font-size:16px}.filter-toggle:hover{border-color:var(--primary-color);background:var(--primary-color-light)}.filter-toggle.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}body.dark .filter-toggle.active{color:#fff}.clear-filters-btn{display:flex;align-items:center;gap:6px;padding:12px 16px;background:transparent;border:2px solid var(--toggle-color);border-radius:8px;font-family:Barlow,sans-serif;font-size:13px;font-weight:600;color:var(--text-color);cursor:pointer;transition:var(--tran-03)}.clear-filters-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}body.dark .clear-filters-btn:hover{background:#991b1b;border-color:#991b1b}.clear-filters-btn i{font-size:18px}.results-info{margin-bottom:20px}.results-count{font-family:Barlow,sans-serif;font-size:14px;color:var(--text-color);font-weight:500}.results-count strong{font-weight:700;color:var(--primary-color)}.meal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;padding-bottom:40px}.meal-card{background:var(--sidebar-color);border-radius:12px;border:2px solid var(--toggle-color);overflow:hidden;transition:var(--tran-03);cursor:pointer;display:flex;flex-direction:column}.meal-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary-color)}.meal-card-media{width:100%;height:200px;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--toggle-color) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.meal-card-media i{font-size:72px;color:var(--primary-color);opacity:.3}.meal-card-media img{width:100%;height:100%;object-fit:cover}.meal-type-badge-overlay{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:6px;font-family:Oswald,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.difficulty-indicator{position:absolute;top:12px;left:12px;display:flex;gap:4px}.difficulty-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.difficulty-dot.filled{background:#fff}.meal-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.meal-card-title{font-family:Barlow,sans-serif;font-size:18px;font-weight:700;color:var(--text-color);margin-bottom:8px;line-height:1.3}.meal-card-description{font-family:Barlow,sans-serif;font-size:13px;color:var(--text-color);opacity:.8;margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meal-card-meta{display:flex;gap:16px;margin-bottom:12px;font-family:Barlow,sans-serif;font-size:12px;color:var(--text-color);opacity:.8}.meta-item{display:flex;align-items:center;gap:4px}.meta-item i{font-size:14px}.meal-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-family:Barlow,sans-serif;font-size:11px;font-weight:600;background:var(--primary-color-light);color:var(--text-color);border:1px solid var(--toggle-color)}.tag.breakfast-tag{background:#f59e0b1a;color:var(--type-breakfast);border-color:var(--type-breakfast)}.tag.lunch-tag{background:#10b9811a;color:var(--type-lunch);border-color:var(--type-lunch)}.tag.dinner-tag{background:#3b82f61a;color:var(--type-dinner);border-color:var(--type-dinner)}.tag.snack-tag{background:#8b5cf61a;color:var(--type-snack);border-color:var(--type-snack)}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;align-items:center;justify-content:center;padding:20px;opacity:0;transition:var(--tran-03)}.modal-overlay.active{display:flex;opacity:1}.modal-content{background:var(--sidebar-color);border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.meal-modal .modal-close{position:absolute;top:16px;right:16px;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;padding:0!important;margin:0!important;border:none;border-radius:50%;background:#0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--tran-03);z-index:10;box-sizing:border-box!important;flex-shrink:0!important;aspect-ratio:1 / 1!important}.meal-modal .modal-close i{font-size:24px;color:var(--text-color)}.meal-modal .modal-close:hover{background:#ef4444;transform:rotate(90deg)}.meal-modal .modal-close:hover i{color:#fff}.modal-header{padding:24px;border-bottom:2px solid var(--toggle-color)}.modal-title{font-family:Oswald,sans-serif;font-size:28px;font-weight:600;letter-spacing:1.5px;color:var(--text-color);margin-bottom:12px}.modal-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:6px 14px;border-radius:6px;font-family:Oswald,sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.meal-type-badge{background:var(--primary-color);color:#fff}.cuisine-badge{background:var(--primary-color-light);color:var(--text-color);border:1px solid var(--toggle-color)}.difficulty-badge{color:#fff}.modal-body{padding:24px}.modal-media{margin-bottom:24px;border-radius:12px;overflow:hidden}.media-placeholder{width:100%;height:350px;background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--toggle-color) 100%);display:flex;align-items:center;justify-content:center}.media-placeholder i{font-size:100px;color:var(--primary-color);opacity:.3}.media-placeholder img{width:100%;height:100%;object-fit:cover}.modal-details{display:flex;flex-direction:column;gap:24px}.detail-section{display:flex;flex-direction:column;gap:12px}.detail-label{font-family:Oswald,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-color);opacity:.8}.detail-text{font-family:Barlow,sans-serif;font-size:14px;line-height:1.6;color:var(--text-color)}.recipe-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.info-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--body-color);border-radius:10px;border:1px solid var(--toggle-color)}.info-item i{font-size:24px;color:var(--primary-color)}.info-item>div{display:flex;flex-direction:column;gap:4px}.info-label{font-family:Barlow,sans-serif;font-size:11px;font-weight:600;color:var(--text-color);opacity:.7;text-transform:uppercase;letter-spacing:.5px}.info-value{font-family:Barlow,sans-serif;font-size:16px;font-weight:700;color:var(--text-color)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.recipe-tag{padding:8px 14px;border-radius:8px;font-family:Barlow,sans-serif;font-size:13px;font-weight:600;background:var(--primary-color-light);color:var(--primary-color);border:1px solid var(--primary-color)}.ingredient-list{list-style:none;display:flex;flex-direction:column;gap:10px}.ingredient-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--body-color);border-radius:8px;font-family:Barlow,sans-serif;font-size:14px;color:var(--text-color)}.ingredient-item i{color:var(--primary-color);font-size:16px}.ingredient-item.optional{opacity:.7;font-style:italic}.instructions-list{display:flex;flex-direction:column;gap:16px}.instruction-step{display:flex;gap:16px;align-items:flex-start}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--primary-color);color:#fff;font-family:Oswald,sans-serif;font-size:14px;font-weight:600;flex-shrink:0}.step-text{flex:1;font-family:Barlow,sans-serif;font-size:14px;line-height:1.6;color:var(--text-color);padding-top:6px}.nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.nutrition-item{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--body-color);border-radius:10px;border:1px solid var(--toggle-color);text-align:center}.nutrition-label{font-family:Barlow,sans-serif;font-size:11px;font-weight:600;color:var(--text-color);opacity:.7;text-transform:uppercase;letter-spacing:.5px}.nutrition-value{font-family:Oswald,sans-serif;font-size:20px;font-weight:700;color:var(--primary-color)}.modal-footer{padding:20px 24px;border-top:2px solid var(--toggle-color);display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--tran-03)}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #695cfe4d}.btn-secondary{background:transparent;border:2px solid var(--toggle-color);color:var(--text-color)}.btn-secondary:hover{background:var(--primary-color-light);border-color:var(--primary-color)}.btn-primary i,.btn-secondary i{font-size:18px}.content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:var(--sidebar-color);border-radius:12px;border:2px dashed var(--toggle-color)}.content-placeholder i{font-size:64px;color:var(--primary-color);margin-bottom:20px;opacity:.5}.content-placeholder h2{font-family:Oswald,sans-serif;font-size:24px;font-weight:600;letter-spacing:1.5px;color:var(--text-color);margin-bottom:12px}.content-placeholder p{font-family:Barlow,sans-serif;font-size:14px;color:var(--text-color);opacity:.7;max-width:400px}@media(max-width:768px){.filter-toolbar{flex-direction:column;align-items:stretch}.filter-search,.filter-group,.filter-group select{width:100%}.meal-grid{grid-template-columns:1fr}.modal-content{max-height:95vh}.recipe-info-grid{grid-template-columns:repeat(2,1fr)}.nutrition-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.main-content{padding:20px 16px}.page-title{font-size:24px}.add-meal-btn span{display:none}.filter-toggles{width:100%;flex-direction:column}.filter-toggle{width:100%}.modal-title{font-size:22px}.recipe-info-grid,.nutrition-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.meal-card{animation:fadeIn .3s ease}:root{--card-bg: #ffffff;--border-subtle: #e5e7eb;--muted-text: #6b7280;--accent-purple: #695CFE;--accent-grey: #695CFE;--radius-sm: 8px;--radius-md: 12px}body.dark{--card-bg: #2D2F31;--border-subtle: #3E4042;--muted-text: #9CA3AF}.main-content{display:flex;flex-direction:column;overflow:hidden}.content{flex:1;overflow-y:auto;padding:24px;background:var(--body-color)}.btn{padding:12px 24px;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;border:none;border-radius:10px;cursor:pointer;transition:var(--tran-03);display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000001a}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),#7c3aed);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.btn-primary i{font-size:18px}.btn-secondary{background:var(--primary-color-light);color:var(--text-color);border:2px solid var(--border-subtle)}.btn-secondary:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}body.dark .btn-secondary{background:#3a3b3c;color:var(--text-color);border-color:#4a4b4c}body.dark .btn-secondary:hover{background:var(--primary-color);color:#000;border-color:var(--primary-color)}body.dark .btn{box-shadow:0 2px 8px #0000004d}body.dark .btn:hover{box-shadow:0 6px 16px #00000080}.nutrition-header{background:var(--card-bg);border-bottom:2px solid var(--border-subtle);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-left:-20px;margin-right:-20px;margin-top:-30px;width:calc(100% + 40px)}.header-left{flex:1}.header-title{font-family:Oswald,sans-serif;font-size:28px;font-weight:700;color:var(--text-color);margin:0;letter-spacing:1px}.header-subtitle{font-size:13px;color:var(--muted-text);margin-top:4px}.header-right{display:flex;gap:12px;align-items:center}.nav-tabs{background:var(--card-bg);border-bottom:2px solid var(--border-subtle);padding:0 32px;display:flex;gap:16px;flex-shrink:0;margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}.nav-tab{padding:14px 20px;background:transparent;border:none;border-bottom:3px solid transparent;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--muted-text);cursor:pointer;transition:var(--tran-02)}.nav-tab:hover{border-bottom-color:var(--primary-color);color:var(--text-color)}.nav-tab.active{border-bottom-color:var(--accent-purple);color:var(--accent-purple)}.athlete-profile-card{background:var(--card-bg, #ffffff);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014;transition:var(--tran-03)}.athlete-profile-card:hover{box-shadow:0 4px 16px #0000001f}body.dark .athlete-profile-card{background:var(--card-bg)}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profile-avatar{width:64px;height:64px;background:var(--primary-color-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}body.dark .profile-avatar{background:#3a3b3c}.profile-title{font-family:Oswald,sans-serif;font-size:20px;font-weight:700;color:var(--text-color);margin:0;letter-spacing:1px}.profile-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.stat-item{display:flex;flex-direction:column;gap:6px}.stat-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted-text);letter-spacing:.5px}.stat-value{font-size:14px;font-weight:600;color:var(--text-color)}.stat-highlight{color:var(--accent-purple)}.stat-badge{display:inline-block;padding:6px 12px;background:var(--primary-color-light);border:1px solid var(--border-subtle);border-radius:8px;font-size:12px;font-weight:500;color:var(--text-color)}body.dark .stat-badge{background:#3a3b3c;border-color:#4a4b4c}.profile-divider{height:1px;background:var(--border-subtle);margin:20px 0}@media(max-width:1024px){.profile-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.profile-stats-grid{grid-template-columns:repeat(2,1fr)}}.training-sessions-card{background:var(--card-bg);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014}.sessions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.session-card{display:flex;gap:16px;padding:20px;background:var(--primary-color-light);border:1px solid var(--border-subtle);border-radius:12px;transition:var(--tran-03)}.session-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}body.dark .session-card{background:#3a3b3c;border-color:#4a4b4c}.session-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-purple),#7c3aed);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.session-icon i{font-size:24px;color:#fff}.session-icon-skills{background:linear-gradient(135deg,#3b82f6,#2563eb)}.session-details{flex:1;display:flex;flex-direction:column;gap:12px}.session-title{font-family:Oswald,sans-serif;font-size:16px;font-weight:600;color:var(--text-color);margin:0}.session-meta{display:flex;flex-direction:column;gap:6px}.session-meta-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted-text)}.session-meta-item i{font-size:16px;color:var(--accent-purple)}@media(max-width:768px){.sessions-grid{grid-template-columns:1fr}}.phase-legend-card{display:flex;gap:24px;margin-bottom:20px;padding:16px 0}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color-blue{background:#2563eb}.legend-color-purple{background:#9333ea}.legend-color-cyan{background:#06b6d4}.legend-color-orange{background:#f97316}.legend-item span{font-size:13px;color:var(--text-color)}.program-timeline-card{background:var(--card-bg);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014}.timeline-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.timeline-container::-webkit-scrollbar{height:8px}.timeline-container::-webkit-scrollbar-track{background:var(--primary-color-light);border-radius:4px}.timeline-container::-webkit-scrollbar-thumb{background:var(--accent-purple);border-radius:4px}body.dark .timeline-container::-webkit-scrollbar-track{background:#2d2f31}.timeline-weeks{display:flex;gap:16px;min-width:max-content}.week-card{flex-shrink:0;width:200px;padding:16px;background:var(--primary-color-light);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:var(--tran-03)}.week-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}body.dark .week-card{background:#3a3b3c}.week-card-blue{border-color:#2563eb}.week-card-purple{border-color:#9333ea}.week-card-cyan{border-color:#06b6d4}.week-card-orange{border-color:#f97316}.week-card-active{box-shadow:0 0 0 2px var(--accent-purple)}.week-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.week-number{font-family:Oswald,sans-serif;font-size:18px;font-weight:700;color:var(--text-color);margin:0}.phase-badge{font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px;color:#fff}.phase-badge-blue{background:#2563eb}.phase-badge-purple{background:#9333ea}.phase-badge-cyan{background:#06b6d4}.phase-badge-orange{background:#f97316}.week-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.week-day{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;background:#2563eb;color:#fff;border-radius:4px;transition:var(--tran-03)}.week-day:hover{background:#1d4ed8;transform:scale(1.1)}.week-day-active{background:var(--accent-purple);box-shadow:0 0 0 2px #fff}@media(max-width:768px){.phase-legend-card{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}}.phase-info-card{background:var(--card-bg, #ffffff);border-radius:16px;padding:20px 24px;margin-bottom:20px;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #00000014;transition:var(--tran-03)}.phase-info-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}body.dark .phase-info-card{background:var(--card-bg)}.phase-info-left h2{font-family:Oswald,sans-serif;font-size:20px;font-weight:700;color:var(--text-color);margin:0 0 4px}.phase-subtitle{font-size:13px;color:var(--muted-text);margin:0}.phase-nav{display:flex;align-items:center;gap:12px}.phase-nav-btn{width:36px;height:36px;background:var(--primary-color-light);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:var(--tran-03);display:flex;align-items:center;justify-content:center}body.dark .phase-nav-btn{background:#3a3b3c;border-color:#4a4b4c}.phase-nav-btn:hover{background:var(--accent-purple);border-color:var(--accent-purple)}.phase-nav-btn i{font-size:20px;color:var(--text-color)}.phase-nav-btn:hover i{color:#fff}.phase-week-label{font-size:13px;font-weight:600;color:var(--text-color);min-width:60px;text-align:center}.weekly-overview-card{background:var(--card-bg, #ffffff);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014;transition:var(--tran-03)}.weekly-overview-card:hover{box-shadow:0 4px 16px #0000001f}body.dark .weekly-overview-card{background:var(--card-bg)}.section-title{font-family:Oswald,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-text);margin:0 0 16px}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.day-card{background:var(--primary-color-light);border:2px solid var(--border-subtle);border-radius:12px;padding:16px 12px;text-align:center;cursor:pointer;transition:var(--tran-03);box-shadow:0 2px 6px #0000000a}body.dark .day-card{background:#3a3b3c;border-color:#4a4b4c}.day-card:hover{background:var(--accent-grey, #695CFE);border-color:var(--accent-grey, #695CFE);transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.day-card:hover .day-name,.day-card:hover .day-number,.day-card:hover .day-sessions,.day-card:hover .day-carbs{color:#fff}.day-card.selected{background:linear-gradient(135deg,var(--accent-purple),#7c3aed);border-color:var(--accent-purple)}.day-name{font-size:11px;font-weight:600;color:var(--muted-text);margin-bottom:6px;text-transform:uppercase}.day-card.selected .day-name{color:#ffffffe6}.day-number{font-size:22px;font-weight:700;color:var(--text-color);margin-bottom:10px}.day-card.selected .day-number{color:#fff}.load-indicator{width:12px;height:12px;border-radius:50%;margin:0 auto 10px}.load-indicator.low{background:#60a5fa}.load-indicator.moderate{background:#fcd34d}.load-indicator.high{background:#fca5a5}.day-sessions{font-size:11px;color:var(--muted-text);margin-bottom:6px}.day-card.selected .day-sessions{color:#ffffffd9}.day-carbs{font-size:12px;font-weight:700;color:#fb923c}.day-card.selected .day-carbs{color:#fcd34d}.selected-day-card{background:var(--card-bg, #ffffff);border-radius:16px;padding:16px 24px;margin-bottom:20px;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014;transition:var(--tran-03)}.selected-day-card:hover{box-shadow:0 4px 16px #0000001f}body.dark .selected-day-card{background:var(--card-bg)}.selected-day-text{font-size:13px;color:var(--muted-text);margin:0}.daily-targets-card{background:var(--card-bg, #ffffff);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014;transition:var(--tran-03)}.daily-targets-card:hover{box-shadow:0 4px 16px #0000001f}body.dark .daily-targets-card{background:var(--card-bg)}.targets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.target-card{border-radius:12px;padding:20px;border:2px solid;background:linear-gradient(135deg,var(--bg-start),var(--bg-end));transition:var(--tran-03);cursor:pointer;box-shadow:0 2px 8px #00000014}.target-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0003}.target-card.carbs{--bg-start: #FB923C;--bg-end: #F97316;border-color:#ea580c}.target-card.protein{--bg-start: #FCA5A5;--bg-end: #F87171;border-color:#dc2626}.target-card.energy{--bg-start: #93C5FD;--bg-end: #60A5FA;border-color:#2563eb}.target-card.hydration{--bg-start: #67E8F9;--bg-end: #22D3EE;border-color:#0891b2}.target-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.target-label{font-size:11px;font-weight:600;text-transform:uppercase;color:#ffffffe6;letter-spacing:.5px}.target-header i{font-size:20px;color:#ffffffe6}.target-value{font-family:Oswald,sans-serif;font-size:32px;font-weight:700;color:#fff;margin-bottom:8px}.target-desc{font-size:11px;color:#ffffffd9}.target-divider{height:1px;background:#fff3;margin:16px 0 12px}.target-completed{display:flex;flex-direction:column;gap:8px}.completed-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffffffb3}.completed-value{font-size:20px;font-weight:700;color:#fff}.completed-progress{display:flex;align-items:center;gap:8px}.progress-bar-small{flex:1;height:6px;background:#fff3;border-radius:4px;overflow:hidden}.progress-fill-small{height:100%;border-radius:4px;transition:width .3s ease}.progress-fill-small.progress-fill-complete{background:#10b981}.progress-fill-small.progress-fill-partial{background:#fff}.progress-fill-small.progress-fill-low{background:#fff9}.progress-text{font-size:12px;font-weight:700;color:#fff;min-width:40px}.dietary-serves-card{background:var(--card-bg, #ffffff);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014;transition:var(--tran-03)}.dietary-serves-card:hover{box-shadow:0 4px 16px #0000001f}body.dark .dietary-serves-card{background:var(--card-bg)}.serves-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:16px}.serve-item{background:var(--primary-color-light);border:1px solid var(--border-subtle);border-radius:12px;padding:16px 12px;text-align:center;transition:var(--tran-03);box-shadow:0 2px 6px #0000000a;cursor:pointer}body.dark .serve-item{background:#3a3b3c;border-color:#4a4b4c}.serve-item:hover{background:var(--accent-grey, #695CFE);transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.serve-item:hover .serve-label,.serve-item:hover .serve-value{color:#fff}body.dark .serve-item:hover{background:var(--primary-color)}body.dark .serve-item:hover .serve-label,body.dark .serve-item:hover .serve-value{color:#000}.serve-label{font-size:11px;text-transform:uppercase;color:var(--muted-text);margin-bottom:8px}.serve-value{font-family:Oswald,sans-serif;font-size:36px;font-weight:700}.serve-value.grains{color:#fcd34d}.serve-value.vegetables{color:#4ade80}.serve-value.fruits{color:#c084fc}.serve-value.dairy{color:#60a5fa}.serve-value.protein-serve{color:#fca5a5}.serve-value.oils{color:#fb923c}.serve-value.discretionary{color:#f472b6}.discretionary-breakdown{display:flex;gap:24px;padding-top:16px;border-top:1px solid var(--border-subtle)}.breakdown-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted-text)}.breakdown-indicator{width:12px;height:12px;border-radius:3px}.breakdown-indicator.sports{background:#f472b6}.breakdown-indicator.other{background:#db2777}.meal-plan-card{background:var(--card-bg, #ffffff);border-radius:16px;padding:24px;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014;transition:var(--tran-03)}.meal-plan-card:hover{box-shadow:0 4px 16px #0000001f}body.dark .meal-plan-card{background:var(--card-bg)}.meals-container{display:flex;flex-direction:column;gap:16px}.meal-card{background:var(--primary-color-light);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;transition:var(--tran-03);box-shadow:0 2px 8px #0000000d;position:relative}body.dark .meal-card{background:#3a3b3c;border-color:#4a4b4c}.meal-card:hover{border-color:var(--accent-grey, #695CFE);box-shadow:0 8px 20px #00000026;transform:translateY(-4px)}body.dark .meal-card:hover{border-color:var(--primary-color)}.meal-completion-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.5px;z-index:1}.meal-completion-badge.completion-complete{background:#10b981;color:#fff}.meal-completion-badge.completion-partial{background:#f59e0b;color:#fff}.meal-completion-badge.completion-none{background:#6b7280;color:#fff}.meal-progress-bar{height:4px;background:var(--border-subtle);border-radius:4px;margin-bottom:16px;overflow:hidden}body.dark .meal-progress-bar{background:#2d2f31}.meal-progress-fill{height:100%;transition:width .3s ease;border-radius:4px}.meal-progress-fill.completion-complete{background:#10b981}.meal-progress-fill.completion-partial{background:#f59e0b}.meal-progress-fill.completion-none{background:#6b7280}.meal-content{display:flex;gap:20px}.meal-time-section{flex-shrink:0;text-align:center}.meal-icon-box{width:56px;height:56px;background:linear-gradient(135deg,var(--accent-purple),#7c3aed);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.meal-icon-box i{font-size:28px;color:#fff}.meal-time{font-size:11px;font-weight:700;color:var(--accent-purple)}.meal-details{flex:1}.meal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.meal-header-left h4{font-family:Oswald,sans-serif;font-size:18px;font-weight:700;color:var(--text-color);margin:0 0 4px}.meal-timing{font-size:12px;color:var(--muted-text)}.session-badge{padding:6px 14px;background:linear-gradient(135deg,#c084fc,#a855f7);color:#fff;font-size:11px;font-weight:600;border-radius:16px}.macros-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.macro-item{background:var(--primary-color-light);border:1px solid var(--border-subtle);border-radius:8px;padding:10px;text-align:center;transition:var(--tran-03)}.macro-item:hover{background:var(--accent-grey, #695CFE);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.macro-item:hover .macro-label,.macro-item:hover .macro-value{color:#fff}body.dark .macro-item{background:#2d2f31;border-color:#4a4b4c}body.dark .macro-item:hover{background:var(--primary-color)}body.dark .macro-item:hover .macro-label,body.dark .macro-item:hover .macro-value{color:#000}.macro-label{font-size:11px;color:var(--muted-text);margin-bottom:4px}.macro-value{font-size:14px;font-weight:700}.macro-value.carbs{color:#fb923c}.macro-value.protein{color:#fca5a5}.macro-value.fats{color:#fcd34d}.macro-value.calories{color:#60a5fa}.btn-analysis{width:100%;padding:12px;margin:16px 0;background:linear-gradient(135deg,var(--accent-purple),#7c3aed);color:#fff;border:none;border-radius:10px;font-family:Oswald,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:var(--tran-03);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #695cfe4d}.btn-analysis:hover{transform:translateY(-2px);box-shadow:0 6px 16px #695cfe80;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.btn-analysis:active{transform:translateY(0)}.btn-analysis i{font-size:18px}.food-items{display:flex;flex-direction:column;gap:8px}.food-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--tran-02)}.food-item:hover{background:var(--primary-color-light)}body.dark .food-item:hover{background:#4a4b4c}.food-item.sports-nutrition{background:#f472b61a}body.dark .food-item.sports-nutrition{background:#f472b626}.food-item.sports-nutrition:hover{background:#f472b633}body.dark .food-item.sports-nutrition:hover{background:#f472b640}.food-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-purple)}.food-item-text{flex:1;font-size:13px;color:var(--text-color)}.serve-badge{padding:4px 10px;background:var(--primary-color);color:#fff;font-size:11px;font-weight:600;border-radius:12px}.food-item.sports-nutrition .serve-badge{background:#db2777}@media(max-width:1024px){.week-grid,.serves-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.content{padding:16px}.nutrition-header{flex-direction:column;gap:16px;align-items:flex-start}.nav-tabs{overflow-x:auto;padding:0 16px}.week-grid{grid-template-columns:repeat(2,1fr)}.targets-grid{grid-template-columns:1fr}.serves-grid,.macros-grid{grid-template-columns:repeat(2,1fr)}}body.dark .meal-icon-box{box-shadow:0 4px 12px #695cfe4d}body.dark .target-card{box-shadow:0 4px 12px #0000004d}.health-alerts-card{background:var(--card-bg);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014}.alerts-container{display:flex;flex-direction:column;gap:16px}.alert-card{display:flex;gap:16px;padding:20px;border-radius:12px;border:2px solid;transition:var(--tran-03)}.alert-card:hover{transform:translate(4px);box-shadow:0 4px 16px #00000026}.alert-warning{background:#fb923c1a;border-color:#f59e0b}body.dark .alert-warning{background:#fb923c26}.alert-danger{background:#ef44441a;border-color:#ef4444}body.dark .alert-danger{background:#ef444426}.alert-info{background:#06b6d41a;border-color:#06b6d4}body.dark .alert-info{background:#06b6d426}.alert-success{background:#10b9811a;border-color:#10b981}body.dark .alert-success{background:#10b98126}.alert-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-warning .alert-icon{background:#f59e0b}.alert-danger .alert-icon{background:#ef4444}.alert-info .alert-icon{background:#06b6d4}.alert-success .alert-icon{background:#10b981}.alert-icon i{font-size:24px;color:#fff}.alert-content{flex:1}.alert-title{display:flex;align-items:center;gap:12px;font-family:Oswald,sans-serif;font-size:16px;font-weight:700;color:var(--text-color);margin-bottom:8px}.alert-badge{font-size:10px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.5px;color:#fff}.alert-warning .alert-badge{background:#f59e0b}.alert-danger .alert-badge{background:#ef4444}.alert-info .alert-badge{background:#06b6d4}.alert-success .alert-badge{background:#10b981}.alert-message{font-size:14px;color:var(--text-color);margin-bottom:8px;line-height:1.5}.alert-recommendation{font-size:13px;color:var(--muted-text);line-height:1.5}.alert-recommendation strong{color:var(--text-color)}.compliance-summary-card{background:var(--card-bg);border-radius:16px;padding:24px;margin-bottom:20px;border:1px solid var(--border-subtle);box-shadow:0 2px 8px #00000014}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.summary-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--primary-color-light);border:1px solid var(--border-subtle);border-radius:12px;transition:var(--tran-03)}.summary-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}body.dark .summary-item{background:#3a3b3c;border-color:#4a4b4c}.summary-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--accent-purple),#7c3aed);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-icon i{font-size:28px;color:#fff}.summary-details{flex:1}.summary-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-text);margin-bottom:8px}.summary-value{font-family:Oswald,sans-serif;font-size:28px;font-weight:700;color:var(--accent-purple);margin-bottom:4px}.summary-subtext{font-size:12px;color:var(--muted-text)}@media(max-width:1024px){.summary-grid{grid-template-columns:1fr}}.nutrition-sidebar{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--card-bg);box-shadow:-4px 0 24px #0003;transform:translate(100%);transition:transform .3s ease;z-index:1000;overflow-y:auto}.nutrition-sidebar.active{transform:translate(0)}body.dark .nutrition-sidebar{background:#242526}.sidebar-header{position:sticky;top:0;background:var(--accent-purple);padding:24px;display:flex;justify-content:space-between;align-items:start;z-index:10}body.dark .sidebar-header{background:var(--accent-purple)}.sidebar-header h3{font-family:Oswald,sans-serif;font-size:20px;font-weight:700;color:#fff;margin:0 0 4px}.sidebar-header p{font-size:13px;color:#fffc;margin:0}.sidebar-close{background:#fff3;border:none;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tran-03)}.sidebar-close:hover{background:#ffffff4d}.sidebar-close i{font-size:24px;color:#fff}.sidebar-content{padding:24px}.nutrition-section{margin-bottom:24px;background:var(--primary-color-light);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}body.dark .nutrition-section{background:#3a3b3c;border-color:#4a4b4c}.section-header{padding:12px 16px;background:var(--accent-purple);color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.section-content{padding:16px}.nutrition-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.nutrition-row:last-child{border-bottom:none}body.dark .nutrition-row{border-bottom-color:#4a4b4c}.nutrition-row span:first-child{font-size:13px;color:var(--text-color)}.nutrition-row span:last-child{font-size:14px;font-weight:600;color:var(--accent-purple)}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.sidebar-backdrop.active{opacity:1;visibility:visible}@media(max-width:768px){.nutrition-sidebar{width:100%}}:root{--card-bg: #ffffff;--divider-color: #DDD;--muted-text: #707070;--search-bg: #ffffff;--accent-grey: #695CFE}body.dark{--card-bg: #242526;--divider-color: #3A3B3C;--search-bg: #2C2D2E;--accent-grey: #3A3B3C}#root{width:100%;height:100vh}.main-content{margin-left:250px;padding:30px 20px;transition:margin-left .5s ease;width:calc(100% - 250px);box-sizing:border-box;min-height:100vh;background:var(--body-color)}.account-main{margin-left:250px;transition:margin-left .5s ease;height:100vh}.sidebar.close~.main-content{margin-left:88px;width:calc(100% - 88px)}.sidebar.close~.account-main{margin-left:88px}@media(max-width:768px){.main-content,.account-main{margin-left:88px}.sidebar.close~.main-content,.sidebar.close~.account-main{margin-left:0}}@media(max-width:480px){.main-content,.account-main{margin-left:0}}