:root{--main-bg:#2d2a2e;--card-bg:#3c3b3c;--sidebar-bg:#211f22;--text-color-primary:#f8f8f2;--text-color-secondary:#9b9b9b;--heading-color:#f8f8f2;--border-color:#555;--shadow-color:#0006;--accent-blue:#66d9ef;--accent-green:#66d9ef;--danger-red:#f92672;--hover-bg:#66d9ef1a;--active-bg:#66d9ef33;--overlay-bg:#0009;--light-card-shadow:0 1px 3px #00000014;--light-card-hover-shadow:0 4px 12px #0000001a;--dark-card-shadow:0 1px 3px #0003;--dark-card-hover-shadow:0 4px 12px #0006;--light-main-bg:#f7fafc;--light-card-bg:#fff;--light-text-color:#2d3748;--light-text-color-secondary:#718096;--light-heading-color:#2d3748;--light-border-color:#e2e8f0;--light-hover-bg:#edf2f7;--light-active-bg:#ebf4ff;--light-active-color:#5a67d8;--light-icon-color:#4a5568;--font-family:"Plus Jakarta Sans","Inter",sans-serif;--font-size-base:1rem;--font-weight-regular:400;--font-weight-bold:700;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:0.5rem;--border-radius-md:0.5rem;--border-radius-lg:0.5rem}body,html{font-family:Plus Jakarta Sans,Inter,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);height:100%;line-height:1.6;margin:0;transition:background-color .3s ease,color .3s ease}body{background-color:#2d2a2e;background-color:var(--main-bg);color:#f8f8f2;color:var(--text-color-primary)}body.light-theme{--main-bg:var(--light-main-bg);--card-bg:var(--light-card-bg);--text-color-primary:var(--light-text-color);--text-color-secondary:var(--light-text-color-secondary);--heading-color:var(--light-heading-color);--border-color:var(--light-border-color);--shadow-color:var(--light-card-shadow);--hover-bg:var(--light-hover-bg);--active-bg:var(--light-active-bg);--active-color:var(--light-active-color);--card-shadow:var(--light-card-shadow);--card-hover-shadow:var(--light-card-hover-shadow)}body.dark-theme{--card-shadow:var(--dark-card-shadow);--card-hover-shadow:var(--dark-card-hover-shadow)}#root{height:100%}.app-layout{min-height:100vh}.app-layout .sidebar{background-color:#211f22;border-right:1px solid #555;color:#f8f8f2}body.light-theme .app-layout .footer-link,body.light-theme .app-layout .logout-button,body.light-theme .app-layout .sidebar-header .sidebar-title,body.light-theme .app-layout .sidebar-nav a,body.light-theme .app-layout .sidebar-nav h3{color:#9b9b9b;color:var(--text-color-secondary)}body.light-theme .app-layout .sidebar-nav a.active{background-color:#66d9ef33;background-color:var(--active-bg);color:#66d9ef;color:var(--accent-blue)}.app-layout .theme-switcher{background:none;border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);cursor:pointer;padding:.5rem;transition:background-color .2s ease,color .2s ease}.app-layout .theme-switcher:hover{background-color:var(--hover-bg);color:var(--active-color)}.app-layout{display:flex;height:100vh;overflow:hidden;width:100vw}nav.mobile-navbar{display:none}.app-layout .sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);color:var(--text-color-primary);display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;padding:var(--spacing-md);transition:width .3s ease-in-out;width:100px}.app-layout .sidebar.collapsed{width:100px}.app-layout .sidebar-header{align-items:center;display:flex;height:40px;justify-content:center;margin-bottom:var(--spacing-xl);padding-left:0}.app-layout .sidebar-title{color:var(--heading-color);font-size:1.5rem;font-weight:var(--font-weight-bold);opacity:1;overflow:hidden;white-space:nowrap;width:auto}.app-layout .sidebar-toggle{display:none}.app-layout .sidebar-nav h3{height:0;margin:0;opacity:0}.app-layout .sidebar-nav ul{list-style:none;margin:0;padding:0}.app-layout .sidebar-nav a{align-items:center;border-radius:var(--border-radius-sm);color:var(--text-color-secondary);display:flex;flex-direction:column;gap:4px;justify-content:center;margin-bottom:var(--spacing-sm);overflow:hidden;padding:var(--spacing-sm) 0;position:relative;text-decoration:none;transition:all .2s ease-in-out}.app-layout .sidebar-nav a:hover{background-color:var(--hover-bg);color:var(--text-color-primary)}.app-layout .sidebar-nav a.active{background-color:var(--active-bg);color:var(--accent-blue);font-weight:var(--font-weight-bold)}.app-layout .sidebar.collapsed .nav-text{display:block;font-size:.7rem;text-align:center}.app-layout .sidebar-icon{color:inherit;flex-shrink:0;font-size:1.1rem;margin-right:0;text-align:center;transition:color .2s ease-in-out,margin .2s ease-in-out;width:20px}.app-layout .sidebar-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.app-layout .footer-link,.app-layout .logout-button{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-color-secondary);cursor:pointer;font-size:1.2rem;padding:var(--spacing-sm);transition:all .2s ease}.app-layout .footer-link:hover,.app-layout .logout-button:hover{background-color:var(--hover-bg);color:var(--accent-blue)}.app-layout .main-content-wrapper{background-color:var(--main-bg);color:var(--text-color-primary);flex-grow:1;overflow-y:auto;padding:var(--spacing-xl)}.app-layout .mobile-toggle-button{display:none}@media (max-width:768px){nav.mobile-navbar{display:block}.app-layout .sidebar{display:none}.app-layout .mobile-navbar{align-items:center;background-color:var(--sidebar-bg);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;height:70px;justify-content:space-around;left:0;position:fixed;width:100%;z-index:1000}.app-layout .mobile-navbar .mobile-menu-item,.app-layout .mobile-navbar a{align-items:center;color:var(--text-color-secondary);display:flex;flex-direction:column;font-size:.7rem;font-weight:var(--font-weight-regular);justify-content:center;padding:var(--spacing-xs);text-decoration:none;transition:color .2s ease}.app-layout .mobile-navbar .mobile-menu-item:hover,.app-layout .mobile-navbar a.active,.app-layout .mobile-navbar a:hover{color:var(--accent-blue);font-weight:var(--font-weight-bold)}.app-layout .mobile-navbar .mobile-menu-item .mobile-menu-button{align-items:center;background-color:var(--accent-blue);border:none;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;display:flex;flex-direction:column;height:55px;justify-content:center;transform:translateY(-25%);transition:all .2s ease;width:55px}.app-layout .mobile-navbar .mobile-menu-item .mobile-menu-button:hover{background-color:#2e8b57}.app-layout .mobile-navbar .nav-icon{font-size:1.2rem;margin-bottom:4px}.app-layout .mobile-navbar .mobile-menu-item .nav-icon{font-size:1.4rem;margin-bottom:0}.app-layout .main-content-wrapper{padding:10px 10px 80px}.mobile-menu-panel{background-color:var(--sidebar-bg);border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);bottom:0;box-shadow:0 -4px 15px #0003;display:flex;flex-direction:column;left:0;max-height:70vh;overflow-y:auto;padding-bottom:20px;position:fixed;transform:translateY(100%);transition:transform .3s ease-out;width:100%;z-index:1001}.mobile-menu-panel.open{transform:translateY(0)}.mobile-menu-overlay{background-color:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.mobile-menu-header{align-items:center;border-bottom:1px solid var(--border-color);color:#fff;display:flex;justify-content:space-between;padding:var(--spacing-lg)}.mobile-menu-header h2{font-size:1.5rem;margin:0}.mobile-menu-header button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem}.mobile-menu-panel nav ul{grid-gap:var(--spacing-md);color:#fff;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));list-style:none;margin:0;padding:var(--spacing-md)}.mobile-menu-panel nav li a{align-items:center;border-radius:var(--border-radius-md);color:#fff;display:flex;flex-direction:column;font-size:1.1rem;justify-content:center;padding:var(--spacing-md);text-decoration:none;transition:background-color .2s ease,color .2s ease}.mobile-menu-panel nav li a i{color:var(--accent-blue)}.mobile-menu-panel nav li a:hover{background-color:var(--hover-bg)}.mobile-menu-panel nav li a .svg-inline--fa{font-size:1.5rem;margin-bottom:var(--spacing-sm);margin-right:0;width:20px}.mobile-menu-panel nav li a span{font-size:.9rem;text-align:center}.mobile-menu-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-md)}.mobile-menu-footer .logout-button{align-items:center;background:none;border:none;color:var(--danger-red);cursor:pointer;display:flex;font-size:1rem;gap:8px}}.app-layout .confirmation-overlay{align-items:center;background-color:var(--overlay-bg);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.app-layout .confirmation-popup{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--dark-card-hover-shadow);color:var(--text-color-primary);display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px;padding:var(--spacing-xl);position:relative;text-align:center;width:90%}.app-layout .confirmation-header{align-items:center;display:flex;justify-content:center;margin-bottom:var(--spacing-sm);position:relative}.app-layout .confirmation-header .close-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.2rem;padding:var(--spacing-xs);position:absolute;right:0;top:0;transition:color .2s ease}.app-layout .confirmation-header .close-btn:hover{color:var(--danger-red)}.app-layout .confirmation-icon{font-size:2.5rem}.app-layout .confirmation-icon.info{color:var(--accent-blue)}.app-layout .confirmation-icon.error{color:var(--danger-red)}.app-layout .confirmation-body{margin:var(--spacing-md) 0}.app-layout .confirmation-body p{color:var(--heading-color);font-size:1.1rem;margin:0}.app-layout .confirmation-footer{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.app-layout .confirmation-footer .btn-cancel,.app-layout .confirmation-footer .btn-confirm{border:none;border-radius:var(--border-radius-lg);cursor:pointer;flex-grow:1;font-weight:var(--font-weight-bold);padding:.75rem 1.5rem;transition:all .2s ease-in-out}.app-layout .confirmation-footer .btn-cancel{background-color:var(--text-color-secondary);color:var(--card-bg)}.app-layout .confirmation-footer .btn-cancel:hover{background-color:var(--hover-bg);color:var(--text-color-primary)}.app-layout .confirmation-footer .btn-confirm.btn-info{background-color:var(--accent-blue);color:#fff}.app-layout .confirmation-footer .btn-confirm.btn-info:hover{background-color:var(--accent-blue);opacity:.8}.app-layout .confirmation-footer .btn-confirm.btn-error{background-color:var(--danger-red);color:#fff}.app-layout .confirmation-footer .btn-confirm.btn-error:hover{background-color:var(--danger-red);opacity:.8}@media (max-width:768px){.app-layout .confirmation-popup{max-width:70%}}.app-layout .dashboard-page{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl)}.app-layout .dashboard-header{margin-bottom:var(--spacing-xl);text-align:center}.app-layout .dashboard-header h1{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:.5rem}.app-layout .dashboard-header p{color:var(--text-color-secondary);font-size:1rem}.app-layout .dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.app-layout .dashboard-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.app-layout .dashboard-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.app-layout .card-header{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.app-layout .card-icon{color:var(--accent-blue);font-size:1.5rem}.app-layout .card-title{color:var(--text-color-secondary);font-size:1rem;font-weight:var(--font-weight-regular)}.app-layout .card-value{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold)}.app-layout .add-link-card{align-items:center;color:var(--text-color-primary);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;text-decoration:none}.app-layout .add-link-card .card-icon{color:var(--accent-blue);font-size:2.5rem;margin-bottom:var(--spacing-md)}.app-layout .add-link-card .card-title{color:var(--text-color-primary);font-size:1.2rem;font-weight:var(--font-weight-regular);margin-bottom:var(--spacing-sm)}.app-layout .add-link-card .card-value{color:var(--text-color-secondary);font-size:1rem;font-weight:var(--font-weight-regular);transition:color .2s ease}.app-layout .add-link-card:hover .card-value{color:var(--accent-blue)}.app-layout .note-card .note-content h3{color:var(--text-color-primary);font-size:1.1rem;margin-bottom:var(--spacing-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-layout .note-card .note-content p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-color-secondary);display:-webkit-box;font-size:.9rem;margin-bottom:var(--spacing-md);overflow:hidden;text-overflow:ellipsis}.app-layout .note-card .note-content small{color:var(--text-color-secondary);font-size:.8rem}.app-layout .dashboard-card.goal-card,.app-layout .dashboard-card.tasks-summary-card{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-lg)}.app-layout .dashboard-card.goal-card .card-header,.app-layout .dashboard-card.tasks-summary-card .card-header{align-items:center;display:flex;flex-direction:row;flex-grow:0;gap:var(--spacing-md);margin-bottom:0;width:100%}.app-layout .dashboard-card.goal-card .card-title,.app-layout .dashboard-card.tasks-summary-card .card-title{color:var(--text-color-primary);font-size:1.5rem;font-weight:var(--font-weight-bold);margin:0}.app-layout .goal-card .goal-content,.app-layout .tasks-summary-card .upcoming-tasks{flex-grow:1;margin-top:var(--spacing-md);padding-left:0;text-align:left;width:100%}.app-layout .task-total-count{color:var(--accent-blue);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-left:auto}.app-layout .notification-bell{margin-left:var(--spacing-sm)}.app-layout .tasks-summary-card .upcoming-tasks h3{color:var(--text-color-primary);font-size:1.1rem;margin-bottom:var(--spacing-sm)}.app-layout .tasks-summary-card .upcoming-tasks ul{list-style:none;margin:0;padding:0}.app-layout .tasks-summary-card .upcoming-tasks li{border-bottom:1px solid var(--border-color);color:var(--text-color-secondary);font-size:.9rem;padding:var(--spacing-xs) 0}.app-layout .tasks-summary-card .upcoming-tasks li:last-child{border-bottom:none}.app-layout .goal-card .goal-content h3{color:var(--text-color-primary);font-size:1.2rem;margin-bottom:var(--spacing-xs)}.app-layout .goal-card .progress-details p{color:var(--text-color-secondary);font-size:.9rem;margin:0}.app-layout .goal-card .progress-bar-container{background-color:var(--border-color);border-radius:5px;height:10px;margin:var(--spacing-sm) 0;max-width:none;width:100%}.app-layout .goal-card .progress-bar{border-radius:5px;height:100%;transition:width .5s ease}.app-layout .cta-link{color:var(--accent-blue);display:inline-block;font-size:.9rem;font-weight:var(--font-weight-bold);margin-top:var(--spacing-md);text-decoration:none;transition:color .2s ease}.app-layout .cta-link:hover{color:var(--text-color-primary)}.app-layout .notification-bell{color:var(--text-color-secondary);font-size:1.5rem;position:relative}.app-layout .notification-bell.danger{animation:pulse 1.5s infinite;color:var(--danger-red)}.app-layout .notification-bell.warning{animation:none;color:var(--warning-color)}.app-layout .notification-bell.info{color:var(--accent-blue)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.app-layout .dashboard-page{padding:var(--spacing-lg)}.app-layout .dashboard-header h1{font-size:2rem}.app-layout .dashboard-card.goal-card,.app-layout .dashboard-card.tasks-summary-card{align-items:flex-start;flex-direction:column;padding:var(--spacing-md)}.app-layout .dashboard-card.goal-card .card-header,.app-layout .dashboard-card.tasks-summary-card .card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.app-layout .goal-card .goal-content,.app-layout .tasks-summary-card .upcoming-tasks{margin-top:var(--spacing-md);padding-left:0;text-align:left}}.app-layout .login-page{background-color:var(--main-bg);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;width:100%}.app-layout .login-promo-panel{align-items:center;background:var(--card-bg);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;padding:50px;text-align:center;width:60%}.app-layout .promo-content{max-width:450px}.app-layout .promo-content h2{color:var(--heading-color);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.app-layout .promo-content p{color:var(--text-color-secondary);font-size:1.1rem;line-height:1.6}.app-layout .login-form-panel{align-items:center;background-color:var(--main-bg);display:flex;justify-content:center;padding:2rem;width:40%}.app-layout .login-form-container{max-width:380px;text-align:center;width:100%}.app-layout .login-form-container h1{color:var(--heading-color);font-size:2.2rem;margin-bottom:2rem}.app-layout .login-card{background-color:var(--sidebar-bg);border-radius:12px;box-shadow:var(--card-shadow);padding:2.5rem;text-align:left}.app-layout .input-group{margin-bottom:1.5rem;position:relative}.app-layout .input-group label{color:var(--text-color-secondary);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.app-layout .input-with-icon{position:relative}.app-layout .input-with-icon svg{color:var(--icon-color);left:15px;opacity:.8;position:absolute;top:50%;transform:translateY(-50%)}.app-layout .input-group input{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-color);font-size:1rem;padding:14px 14px 14px 45px;transition:border-color .2s ease;width:100%}.app-layout .input-group input:focus{border-color:var(--primary-color);outline:none}.app-layout .login-button{background-color:#5a67d8;border:none;border-radius:8px;box-shadow:0 4px 15px rgba(var(--primary-color-rgb),.3);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:16px;transition:all .2s ease;width:100%}.app-layout .login-button:hover{background-color:var(--primary-dark-color);transform:translateY(-2px)}.app-layout .login-button:disabled{background-color:var(--text-color-secondary);cursor:not-allowed}.app-layout .error-message{color:var(--error-color);font-size:.9rem;margin-bottom:1rem;text-align:center}@media (max-width:850px){.app-layout .login-page{flex-direction:column;min-height:100vh}.app-layout .login-promo-panel{display:none}.app-layout .login-form-panel{align-items:center;box-sizing:border-box;height:100vh;justify-content:center;padding:2rem 1.5rem;width:100%}.app-layout .login-form-container{max-width:100%}.app-layout .login-form-container h1{font-size:1.8rem;margin-bottom:1rem;text-align:center}.app-layout .login-card{background-color:initial;box-shadow:none;padding:0}}.app-layout .productivite-page{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%}.app-layout .productivite-header{margin-bottom:var(--spacing-xl);text-align:center}.app-layout .productivite-header h1{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.app-layout .productivite-header p{color:var(--text-color-secondary);font-size:1rem}.app-layout .productivite-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.app-layout .productivite-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #00000014;padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.app-layout .productivite-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.app-layout .productivite-card .card-link{align-items:center;color:inherit;display:flex;flex-direction:column;text-align:center;text-decoration:none}.app-layout .productivite-card .card-icon{color:var(--accent-blue);font-size:3rem;margin-bottom:var(--spacing-md);transition:color .2s ease}.app-layout .productivite-card:hover .card-icon{color:var(--accent-blue)}.app-layout .productivite-card .card-title{color:var(--heading-color);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.app-layout .productivite-card:hover .card-title{color:var(--accent-blue)}.app-layout .productivite-card .card-description{color:var(--text-color-secondary);font-size:.9rem}.notes-page-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%}.notes-header{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.notes-header h1{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin:0}.notes-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);width:100%}.search-bar-wrapper{align-items:center;display:flex;flex-grow:1;position:relative}.search-input{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-primary);outline:none;padding:.75rem .75rem .75rem 2.5rem;transition:all .2s ease-in-out;width:100%}.search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px #2d77ff33}.search-icon{left:1rem}.clear-search-btn,.search-icon{color:var(--text-color-secondary);position:absolute;top:50%;transform:translateY(-50%)}.clear-search-btn{background:none;border:none;cursor:pointer;right:1rem}.btn-add,.btn-archive,.btn-filter{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;font-weight:var(--font-weight-bold);padding:.75rem 1rem;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.btn-archive{background-color:var(--card-bg);color:var(--text-color-secondary);text-decoration:none}.btn-archive:hover{background-color:var(--hover-bg);color:var(--text-color-primary)}.btn-add{background-color:var(--accent-blue);border:none;color:#fff}.btn-add:hover{background-color:#008f65}.btn-filter{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color-secondary)}.btn-filter:hover{background-color:var(--hover-bg);color:var(--text-color-primary)}.notes-grid{grid-gap:var(--spacing-md);display:grid;grid-auto-rows:minmax(-webkit-min-content,-webkit-max-content);grid-auto-rows:minmax(min-content,max-content);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.note-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);cursor:pointer;padding:var(--spacing-md);transition:transform .2s ease,box-shadow .2s ease}.note-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.note-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.note-card-title{color:var(--heading-color);font-size:1.1rem;margin:0;word-break:break-word}.note-card-title,.note-label{font-weight:var(--font-weight-bold)}.note-label{align-items:center;border-radius:12px;color:#1a1d24;display:inline-flex;font-size:.7rem;gap:.5rem;padding:.2rem .5rem}.note-card-content{-webkit-line-clamp:5;-webkit-box-orient:vertical;color:var(--text-color-secondary);display:-webkit-box;font-size:.85rem;line-height:1.4;overflow:hidden;word-break:break-word}.note-card-footer{color:var(--text-color-secondary);font-size:.75rem;margin-top:var(--spacing-md)}.modal-content{display:flex;flex-direction:column;height:auto;max-width:800px;min-height:400px;padding:var(--spacing-md)}.note-editor-modal-container{display:flex;flex-direction:column;flex-grow:1}.note-editor-title{background:none;border:none;color:var(--heading-color);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);outline:none;padding:0 var(--spacing-sm);width:100%}.modal-footer-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.footer-left-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.footer-right-actions{align-items:center;display:flex;gap:var(--spacing-md)}.last-modified-date{color:var(--text-color-secondary);font-size:.8rem}.icon-btn{align-items:center;display:flex;font-size:1.2rem;height:35px;justify-content:center;padding:var(--spacing-sm);transition:color .2s ease;width:35px}.icon-btn:hover{background-color:var(--hover-bg)}.btn-close-modal-footer{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-color-secondary);cursor:pointer;font-size:1rem;font-weight:var(--font-weight-bold);padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease,color .2s ease}.btn-close-modal-footer:hover{background-color:var(--hover-bg);color:var(--text-color-primary)}.label-selector-wrapper{position:relative}.btn-label-selector{align-items:center;background-color:initial;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-color-secondary);cursor:pointer;display:flex;gap:var(--spacing-xs);padding:.5rem .75rem;transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.btn-label-selector:hover{background-color:var(--hover-bg);border-color:var(--accent-blue);color:var(--text-color-primary)}.note-label-selected{align-items:center;border-radius:var(--border-radius-md);color:#fff;display:flex;font-size:.9rem;gap:.5rem;padding:.2rem .5rem}.label-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);display:flex;flex-direction:column;min-width:200px;opacity:0;padding:var(--spacing-sm) 0;pointer-events:none;position:absolute;right:0;top:calc(100% + 5px);transform:translateY(-10px);transition:all .3s ease-in-out;z-index:1000}.label-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.label-button{align-items:center;background:none;border:none;color:var(--text-color-primary);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.label-button.active,.label-button:hover{background-color:var(--hover-bg);color:var(--accent-blue)}.label-color-dot{border:1px solid #fff3;border-radius:50%;height:12px;width:12px}.tox-tinymce{border:none!important;border-radius:var(--border-radius-md);box-shadow:none!important;flex-grow:1}.tox-editor-header{border-bottom:1px solid var(--border-color)!important;box-shadow:none!important}.tox .tox-editor-container,.tox .tox-toolbar,.tox .tox-toolbar__group,.tox-editor-header,.tox-menubar,.tox-toolbar-overlord{background-color:var(--card-bg)!important}.tox-notification{display:none!important}.tox .tox-tbtn{color:var(--text-color-secondary)!important}.tox .tox-tbtn:hover{background-color:var(--hover-bg)!important;color:var(--text-color-primary)!important}.tox .tox-tbtn--enabled{background-color:var(--hover-bg)!important;color:var(--accent-blue)!important}.tox-edit-area__iframe{background-color:var(--card-bg);color:var(--text-color-primary)}.labels-modal-overlay{align-items:center;background-color:var(--overlay-bg);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.labels-modal-content{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-hover-shadow);max-height:90vh;max-width:600px;overflow-y:auto;padding:var(--spacing-xl);position:relative;width:90%}@media (max-width:768px){.notes-header{align-items:flex-start;flex-direction:column}.notes-actions{align-items:stretch;flex-direction:column}.search-bar-wrapper{order:-1}.notes-header h1{font-size:2rem}.btn-add,.btn-archive,.btn-filter{text-align:center;width:100%}.modal-content{height:90vh;padding:var(--spacing-md)}}.filter-dropdown-wrapper{position:relative}.filter-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);display:flex;flex-direction:column;min-width:200px;opacity:0;padding:var(--spacing-sm) 0;pointer-events:none;position:absolute;right:0;top:calc(100% + var(--spacing-sm));transform:translateY(-10px);transition:all .3s ease-in-out;z-index:1000}.filter-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.filter-dropdown .filter-button{align-items:center;background:none;border:none;color:var(--text-color-primary);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:.75rem 1rem;text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.filter-dropdown .filter-button.active,.filter-dropdown .filter-button:hover{background-color:var(--hover-bg);color:var(--accent-blue)}.filter-dropdown .btn-manage-labels{align-items:center;background:none;border:none;border-top:1px solid var(--border-color);color:var(--text-color-primary);cursor:pointer;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:.75rem 1rem;padding-top:var(--spacing-md);text-align:left;transition:background-color .2s ease;white-space:nowrap;width:100%}.filter-dropdown .btn-manage-labels:hover{background-color:var(--hover-bg);color:var(--accent-blue)}.modal-header h2{color:var(--heading-color);margin:0}.btn-close-modal{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem}.add-label-form{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.add-label-form input[type=text]{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;outline:none;padding:.75rem}.add-label-form input[type=color]{-webkit-appearance:none;background-color:initial;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;width:50px}.add-label-form input[type=color]::-webkit-color-swatch-wrapper{padding:0}.add-label-form input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--border-radius-sm)}.btn-add-label{background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;padding:.75rem 1rem;white-space:nowrap}.labels-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.label-item{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.label-name-display{align-items:center;border-radius:12px;color:#1a1d24;display:flex;font-weight:var(--font-weight-bold);gap:5px;padding:.2rem .5rem}.label-actions{display:flex;gap:var(--spacing-sm)}.label-actions button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1rem}.label-actions button:hover{color:var(--accent-blue)}.edit-label-form{align-items:center;display:flex;flex-grow:1;gap:var(--spacing-sm)}.edit-label-form input[type=text]{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;outline:none;padding:.5rem}.edit-label-form input[type=color]{-webkit-appearance:none;background-color:initial;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;width:40px}.edit-label-form input[type=color]::-webkit-color-swatch-wrapper{padding:0}.edit-label-form input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--border-radius-sm)}.edit-label-form button{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:var(--font-weight-bold);padding:.5rem 1rem}.btn-save-label{background-color:var(--accent-blue);color:#fff}.btn-cancel-edit{background-color:var(--danger-red);color:#fff}@media (max-width:768px){.notes-header{align-items:flex-start;flex-direction:column}.notes-actions{align-items:stretch;flex-direction:column}.search-bar-wrapper{order:-1}.notes-header h1{font-size:2rem}.btn-add,.btn-archive,.btn-filter{text-align:center;width:100%;width:-webkit-fill-available}.modal-content{height:90vh;padding:var(--spacing-md)}}.tasks-page-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl)}.tasks-header{margin-bottom:var(--spacing-xl);text-align:center}.tasks-header h1{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.tasks-header p{color:var(--text-color-secondary);font-size:1rem}.error-state,.loading-state{color:var(--text-color-secondary);font-size:1.2rem;padding:4rem 0;text-align:center}.loading-state svg{color:var(--accent-blue);margin-bottom:var(--spacing-md)}.add-task-form{align-items:center;background-color:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:0 1px 3px #00000014;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:0 auto var(--spacing-xl);max-width:1500px;padding:var(--spacing-md)}.add-task-form .task-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;min-width:200px;padding:.75rem;transition:border-color .2s}.add-task-form .task-input:focus{border-color:var(--accent-blue);outline:none}.add-task-form .task-options-group{display:flex;gap:var(--spacing-sm)}.add-task-form .category-select,.add-task-form .due-date-input,.add-task-form .urgency-select{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);padding:.75rem}.add-task-form .add-task-btn{background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.add-task-form .add-task-btn:hover{background-color:#008f65}.tasks-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin:0 auto var(--spacing-xl);max-width:1500px}.tasks-controls .tasks-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tasks-controls .tasks-filters .filter-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-color-secondary);cursor:pointer;padding:.5rem 1rem;transition:background-color .2s,color .2s}.tasks-controls .tasks-filters .filter-btn.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.tasks-controls .tasks-management{display:flex;gap:var(--spacing-md)}.tasks-controls .tasks-management .btn-manage-categories,.tasks-controls .tasks-management .btn-manage-urgencies{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:.9rem;transition:color .2s}.tasks-controls .tasks-management .btn-manage-categories:hover,.tasks-controls .tasks-management .btn-manage-urgencies:hover{color:var(--accent-blue)}.tasks-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin:0 auto;max-width:1530px}.task-category-group{background-color:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:0 1px 3px #00000014;margin-bottom:var(--spacing-lg);overflow:hidden}.task-category-title{background-color:var(--card-bg);color:var(--heading-color);font-size:1.2rem;font-weight:var(--font-weight-bold);margin:0}.task-category-title,.task-item{border-bottom:1px solid var(--border-color);padding:var(--spacing-md)}.task-item{align-items:center;background-color:initial;display:flex;justify-content:space-between;position:relative;transition:background-color .2s}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:var(--hover-bg)}.task-item.completed{opacity:.7}.task-item.completed .task-title{text-decoration:line-through}.task-item .task-content{display:flex;flex-direction:column;flex-grow:1}.task-item .task-header-info{align-items:center;display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.task-item .urgency-tag{border-radius:12px;color:#fff;font-size:.7rem;font-weight:var(--font-weight-bold);padding:.2rem .5rem;text-transform:uppercase}.task-item .due-date{color:var(--text-color-secondary);font-size:.8rem}.task-item .task-title{color:var(--heading-color);font-size:1.1rem;font-weight:var(--font-weight-regular);word-break:break-word}.task-item .task-date{color:var(--text-color-secondary);font-size:.8rem}.task-item .task-actions{align-items:center;display:flex;gap:var(--spacing-sm);opacity:0;transition:opacity .2s ease-in-out}.task-item:hover .task-actions{opacity:1}.task-actions .icon-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;display:flex;font-size:1rem;height:35px;justify-content:center;padding:var(--spacing-sm);transition:color .2s;width:35px}.task-actions .icon-btn:hover{background-color:var(--hover-bg)}.task-actions .edit-btn{color:var(--accent-blue)}.task-actions .delete-btn{color:var(--danger-red)}.task-actions .task-checkbox{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.3rem;transition:color .2s}.task-item.completed .task-checkbox{color:var(--accent-blue)}.no-tasks-message{color:var(--text-color-secondary);font-style:italic;padding:2rem 0;text-align:center}.modal-content{box-shadow:0 4px 15px var(--shadow-color);max-width:500px}.modal-content h2,.modal-content h3{border-bottom:1px solid var(--border-color);color:var(--heading-color);margin-bottom:var(--spacing-md);margin-top:0;padding-bottom:var(--spacing-md)}.modal-content .modal-header{align-items:center;display:flex;justify-content:space-between}.modal-content .btn-close-modal{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem}.form-group label{margin-bottom:var(--spacing-sm)}.form-group input,.form-group select{background-color:var(--input-bg);padding:.75rem}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-add-category,.btn-add-urgency,.btn-save{background-color:var(--accent-blue);border:none;color:#fff;cursor:pointer;transition:background-color .2s}.btn-add-category,.btn-add-urgency,.btn-cancel,.btn-save{border-radius:var(--border-radius-sm);padding:.75rem 1.5rem}.add-category-form,.add-urgency-form{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.add-category-form input[type=text],.add-urgency-form input[type=text]{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;padding:.75rem}.categories-list,.urgencies-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.category-item,.urgency-item{align-items:center;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.category-display,.urgency-display{border-radius:12px;color:#fff;font-size:.9rem;font-weight:var(--font-weight-bold);padding:.2rem .5rem}.category-actions .btn-delete-category,.category-actions .btn-edit-category,.urgency-actions .btn-delete-urgency,.urgency-actions .btn-edit-urgency{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;transition:color .2s}.category-actions .btn-edit-category:hover,.urgency-actions .btn-edit-urgency:hover{color:var(--accent-blue)}.category-actions .btn-delete-category:hover,.urgency-actions .btn-delete-urgency:hover{color:var(--danger-red)}.edit-category-form,.edit-urgency-form{display:flex;flex-grow:1;gap:var(--spacing-sm)}@media (max-width:768px){.add-task-form{align-items:stretch;flex-direction:column}.task-options-group{flex-direction:column;gap:var(--spacing-sm)}.tasks-controls{flex-direction:column;gap:var(--spacing-md)}.modal-content{max-height:80%;max-width:80vw}.modal-footer-actions{flex-direction:column}.tasks-page-container{padding:10px 10px 80px}.add-category-form input[type=text],.add-urgency-form input[type=text],.edit-category-form input[type=text],.edit-urgency-form input[type=text]{margin:.5rem auto;max-width:90%;width:100%}}.fitness-page-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl)}.fitness-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.card-link{color:inherit;display:flex;text-decoration:none}.fitness-card{align-items:center;background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease;width:100%}.fitness-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-5px)}.fitness-card .card-icon{flex-shrink:0;font-size:2rem;transition:color .2s ease}.fitness-card .card-icon,.fitness-card:hover .card-icon{color:var(--accent-green)}.fitness-card .card-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;text-align:center}.fitness-card .card-title{color:var(--heading-color);font-size:1.2rem;font-weight:var(--font-weight-bold);margin-bottom:.25rem}.fitness-card:hover .card-title{color:var(--accent-green)}.fitness-card .card-description{color:var(--text-color-secondary);font-size:.9rem;margin:0}@media (min-width:769px){.fitness-card{align-items:center;flex-direction:row;text-align:left}.fitness-card .card-content{align-items:flex-start;text-align:left}}@media (max-width:768px){.fitness-header{margin-bottom:var(--spacing-md);text-align:left}}.modal-content h3{border-bottom:1px solid var(--border-color);color:var(--heading-color);font-size:1.2rem;margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-sm)}.form-group input,.form-group select{border-radius:var(--border-radius-sm);font-family:inherit;font-size:1rem;padding:10px}.exercise-form-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.exercise-form-item{background-color:var(--background);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:var(--spacing-md)}.exercise-form-item .form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.exercise-form-item .form-row select{flex-grow:1}.exercise-form-item .form-row-details{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.add-exercise-form-btn{align-items:center;background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:var(--font-weight-bold);gap:8px;justify-content:center;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .2s ease;width:100%}.add-exercise-form-btn:hover{background-color:#3f83f8}.remove-exercise-btn{background-color:var(--danger-red);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:1rem;padding:8px 12px}.sets-container{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.sets-container h4{color:var(--heading-color);font-size:1rem;margin:0 0 var(--spacing-md) 0}.set-item{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.set-label{color:var(--text-color-secondary);flex-shrink:0;width:70px}.set-inputs{display:flex;flex-grow:1;gap:var(--spacing-sm)}.set-inputs input{width:100%}.remove-set-btn{background-color:var(--danger-red);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;padding:8px 12px;transition:opacity .2s ease}.remove-set-btn:hover{opacity:.8}.add-set-btn{align-items:center;background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:inline-flex;gap:8px;margin-top:var(--spacing-sm);padding:8px 12px}.add-set-btn:hover{background-color:#3f83f8}.fitness-sessions-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl);position:relative}.add-session-btn{align-items:center;background-color:var(--accent-green);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:var(--font-weight-bold);gap:8px;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .2s ease}.add-session-btn:hover{background-color:#26a65b;transform:translateY(-2px)}.sessions-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.session-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);display:flex;flex-direction:column;padding:var(--spacing-lg);position:relative}.session-card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.session-name{color:var(--heading-color);font-size:1.2rem;font-weight:var(--font-weight-bold)}.muscle-group-tag{white-space:nowrap}.session-exercises{color:var(--text-color-secondary);flex-grow:1;list-style:none;margin:0;padding:0}.session-exercises li{font-size:.9rem;margin-bottom:5px}.session-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.action-btn{background:none}.action-btn.edit-btn:hover{color:var(--accent-blue)}.action-btn.delete-btn:hover{color:var(--danger-red)}@media (max-width:768px){.fitness-sessions-container{padding:var(--spacing-lg)}.fitness-header{margin-bottom:var(--spacing-md);text-align:left}}.finances-page-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl)}.finances-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;margin:0 auto;max-width:1200px}.finances-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);flex:1 1 280px;padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.finances-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-5px)}.finances-card .card-link{align-items:center;color:inherit;display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;text-align:center;text-decoration:none}.finances-card .card-icon{color:var(--accent-green);flex-shrink:0;font-size:2rem;transition:color .2s ease}.finances-card:hover .card-icon{color:var(--accent-green)}.finances-card .card-content{display:flex;flex-direction:column;flex-grow:1}.finances-card .card-title{color:var(--heading-color);font-size:1.2rem;font-weight:var(--font-weight-bold);margin-bottom:.25rem}.finances-card:hover .card-title{color:var(--accent-green)}.finances-card .card-description{color:var(--text-color-secondary);font-size:.9rem;margin:0}@media (min-width:769px){.finances-grid{flex-direction:row;justify-content:center}.finances-card .card-link{align-items:center;flex-direction:column;text-align:center}}@media (max-width:768px){.finances-header{margin-bottom:var(--spacing-md);text-align:left}.finances-grid{flex-direction:column}.finances-card{flex:0 1!important}.finances-card .card-link{height:auto}}.finances-dashboard-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl);position:relative}.dashboard-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.currency-select-dashboard,.month-select-dashboard,.year-select-dashboard{-webkit-appearance:none;appearance:none;background-color:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-primary);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease}.currency-select-dashboard:hover,.month-select-dashboard:hover,.year-select-dashboard:hover{border-color:var(--accent-blue)}.currency-select-dashboard:focus,.month-select-dashboard:focus,.year-select-dashboard:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px rgba(var(--accent-blue-rgb),.2);outline:none}.annual-summary-section,.monthly-summary-section{margin-bottom:var(--spacing-xl)}.annual-title,.monthly-title{border-bottom:1px solid var(--border-color);color:var(--heading-color);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);text-align:center}.summary-cards{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-xl)}.summary-card{transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-5px)}.summary-card .icon-wrapper{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.summary-card.income-card .icon-wrapper{background-color:var(--accent-green)}.summary-card.expense-card .icon-wrapper{background-color:var(--danger-red)}.summary-card.balance-card .icon-wrapper{background-color:var(--accent-blue)}.summary-card.savings-rate-card .icon-wrapper{background-color:#ffb74d}.summary-card.avg-expense-card .icon-wrapper{background-color:#7b1fa2}.summary-card.total-loans-card .icon-wrapper{background-color:#4db6ac}.summary-card .icon-wrapper svg{font-size:1.5rem}.summary-card .text-content{display:flex;flex-direction:column}.summary-card .label{color:var(--text-color-secondary);font-size:.9rem;font-weight:var(--font-weight-regular)}.summary-card .value{color:var(--heading-color);font-size:1.8rem;font-weight:var(--font-weight-bold)}.summary-card .value.positive{color:var(--accent-green)}.summary-card .value.negative{color:var(--danger-red)}.dashboard-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-5px)}.card-title{border-bottom:1px solid var(--border-color);color:var(--heading-color);font-size:1.2rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.card-content p{color:var(--text-color-secondary);font-size:1rem}.card-content.chart-display-area{align-items:center;display:flex;justify-content:center;min-height:250px}.goals-progress-card .chart-display-area{padding-top:var(--spacing-md)}.recharts-bar-rectangle{stroke:var(--border-color);stroke-width:1px}.goals-list{list-style:none;margin:0;padding:0}.goals-list .goal-item{margin-bottom:var(--spacing-md);max-width:70%}.goals-list .goal-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs)}.goals-list .goal-title{color:var(--text-color-primary);font-size:1rem;font-weight:var(--font-weight-bold)}.goals-list .goal-progress-text{color:var(--text-color-secondary);font-size:.9rem}.progress-bar{background-color:var(--border-color);border-radius:4px;height:8px}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease}@media (max-width:768px){.finances-dashboard-container{padding:var(--spacing-lg)}.finances-header{text-align:left}.back-link,.finances-header{margin-bottom:var(--spacing-md)}.back-link{position:static}.dashboard-filters{align-items:center;flex-direction:column}.dashboard-filters select{width:100%}.goals-list .goal-item{max-width:100%}.recharts-wrapper{height:250px!important;margin-left:-20px}}@media (min-width:769px){.goals-list .goal-item{max-width:100%}}@media (min-width:1200px){.goals-list .goal-item{max-width:70%}}.transaction-form-modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.transaction-form{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000004d;max-width:400px;padding:var(--spacing-lg);width:clamp(280px,80vw,400px)}.form-group label{font-weight:700}.form-group input,.form-group select{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:4px;box-sizing:border-box;color:var(--text-color-primary);padding:8px;width:100%}.form-actions{gap:10px}.btn-cancel,.btn-save{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.transaction-details-panel{background-color:var(--card-bg);box-shadow:-4px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;opacity:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:clamp(250px,80vw,250px);z-index:999}.transaction-details-panel.open{opacity:1;transform:translateX(0)}.panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.panel-header h3{color:var(--heading-color);margin:0}.close-panel-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem}.close-panel-btn:hover{color:var(--danger-red)}.panel-content p{font-size:1rem;margin-bottom:var(--spacing-sm)}.panel-content strong{color:var(--heading-color)}.category-manager-modal{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:var(--spacing-lg);position:relative;width:clamp(300px,90vw,600px);z-index:1001}.add-category-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.add-category-form input,.add-category-form select{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color-primary);padding:8px}.add-category-form input[type=text]{flex-grow:1}.add-category-form input[type=color]{padding:0;width:40px}.add-category-form button{background-color:var(--accent-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.category-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.category-item{background-color:var(--background);border-radius:4px;padding:8px 12px}.category-actions button{margin-left:8px}.edit-category-form{align-items:center;display:flex;flex-grow:1;gap:8px}.edit-category-form input,.edit-category-form select{padding:5px}.edit-category-form button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:5px 10px}.edit-category-form .btn-save{background-color:var(--accent-green)}.edit-category-form .btn-cancel{background-color:var(--danger-red)}.category-type-manager-modal{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:var(--spacing-lg);position:relative;width:clamp(300px,90vw,600px);z-index:1001}.add-type-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.add-type-form input,.add-type-form select{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color-primary);padding:8px}.add-type-form input[type=text]{flex-grow:1}.add-type-form input[type=color]{padding:0;width:40px}.add-type-form button{background-color:var(--accent-blue);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.type-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.type-item{align-items:center;background-color:var(--background);border:1px solid var(--border-color);border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.type-actions button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;margin-left:8px}.edit-type-form{align-items:center;display:flex;flex-grow:1;gap:8px}.edit-type-form input,.edit-type-form select{padding:5px}.edit-type-form button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:5px 10px}.edit-type-form .btn-save{background-color:var(--accent-green)}.edit-type-form .btn-cancel{background-color:var(--danger-red)}.type-name-display{border-radius:4px;color:#fff!important;font-weight:700;padding:4px 8px}.currency-switcher-container{display:inline-block;position:relative}.currency-switcher-button{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-primary);cursor:pointer;display:flex;font-weight:var(--font-weight-bold);gap:8px;padding:.75rem 1.5rem}.currency-switcher-button:hover{background-color:var(--hover-bg)}.currency-dropdown{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #0000001a;margin-top:8px;min-width:200px;padding:8px;position:absolute;right:0;top:100%;z-index:50}.currency-option{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-color-primary);cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;text-align:left;width:100%}.currency-option:hover{background-color:var(--hover-bg)}.currency-option.active{color:var(--accent-blue);font-weight:700}.check-icon{color:var(--accent-green)}.finances-transactions-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);display:flex;flex-direction:column;min-height:100%;padding:var(--spacing-xl);position:relative}.finances-header{position:relative}.header-banner-container{border-radius:var(--border-radius-lg);height:250px;margin-bottom:var(--spacing-xl);overflow:hidden;position:relative;width:100%}.header-banner{height:100%;object-fit:cover;width:100%}.header-content-overlay{align-items:center;background-color:#0006;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:var(--spacing-lg);position:absolute;text-align:center;top:0;width:100%}.finances-header h1,.finances-header p{color:#fff;text-shadow:1px 1px 3px #00000080}.finances-header p{margin-top:0}.back-link{color:#fff;left:var(--spacing-md);text-shadow:1px 1px 2px #00000080;top:var(--spacing-md);z-index:20}.header-actions{margin-bottom:40px;margin-top:var(--spacing-lg)}.btn-add,.btn-manage-categories,.btn-manage-types{align-items:center;background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-bold);gap:8px;padding:.75rem 1.5rem;transition:background-color .2s ease,opacity .2s ease}.btn-add:hover,.btn-manage-categories:hover{opacity:.9}.btn-manage-categories{background-color:var(--card-bg);color:var(--text-color-primary)}.btn-manage-types{background-color:var(--light-active-color);color:var(--text-color-primary)}.month-filter-container{align-items:center;display:flex;gap:var(--spacing-xs);margin-right:auto}.month-select,.year-select{-webkit-appearance:none;appearance:none;background-color:var(--card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-primary);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease}.month-select:hover,.year-select:hover{border-color:var(--accent-blue)}.month-select:focus,.year-select:focus{border-color:var(--accent-blue);box-shadow:0 0 0 2px rgba(var(--accent-blue-rgb),.2);outline:none}.transaction-summary-cards{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-xl)}.summary-card{align-items:center;background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}.summary-card .card-icon-wrapper{align-items:center;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.summary-card.income-card .card-icon-wrapper{background-color:var(--accent-green)}.summary-card.expense-card .card-icon-wrapper{background-color:var(--danger-red)}.summary-card.balance-card .card-icon-wrapper{background-color:var(--accent-blue)}.summary-card .summary-icon{font-size:1.2rem}.summary-card .card-content{display:flex;flex-direction:column}.summary-card .card-title{color:var(--text-color-secondary);font-size:.9rem;font-weight:var(--font-weight-regular)}.summary-card .card-value{color:var(--heading-color);font-size:1.5rem;font-weight:var(--font-weight-bold)}.summary-card .card-value.income{color:var(--accent-green)}.summary-card .card-value.expense{color:var(--danger-red)}--- .transactions-table-container{display:none;margin-top:60px;overflow-x:auto;width:100%}.transactions-table-container table{border-collapse:initial;border-spacing:0 8px;font-size:.9rem;table-layout:fixed;width:100%}.transactions-table-container thead{text-align:left}.transactions-table-container td,.transactions-table-container th{padding:12px 16px;vertical-align:middle}.transactions-table-container thead th{color:var(--text-color-secondary);font-weight:var(--font-weight-bold);text-transform:uppercase}.transactions-table-container tbody tr{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 2px 5px #0000000d}.transactions-table-container tbody tr:hover{box-shadow:0 4px 10px #0000001a}.category-tag{overflow:hidden;text-overflow:ellipsis}.category-tag,.transaction-type{border-radius:4px;color:#fff!important;font-weight:700;padding:4px 8px;white-space:nowrap}.transaction-type.income{background-color:var(--accent-green)}.transaction-type.expense{background-color:var(--danger-red)}.income{color:var(--accent-green)}.expense,.income{font-weight:var(--font-weight-bold)}.expense{color:var(--danger-red)}.icon-btn{background:none;border:none;border-radius:50%;color:var(--text-color-secondary);cursor:pointer;font-size:1rem;margin:0 4px;padding:8px;transition:color .2s ease,background-color .2s ease}.icon-btn:hover{background-color:#ffffff1a;color:var(--accent-blue)}.icon-btn.delete-btn:hover{color:var(--danger-red)}.icon-btn.edit-btn:hover{color:var(--accent-blue)}.transactions-table-container table td.date-col,.transactions-table-container table td.type-col,.transactions-table-container table th.date-col,.transactions-table-container table th.type-col{width:15%}.transactions-table-container table td.amount-col,.transactions-table-container table td.category-col,.transactions-table-container table th.amount-col,.transactions-table-container table th.category-col{width:20%}.transactions-table-container table td.actions-col,.transactions-table-container table th.actions-col{text-align:right}.transactions-table-container table td.actions-col{align-items:center;display:flex;gap:5px;justify-content:flex-end}.transactions-card-list{display:none;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm)}.transaction-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);position:relative}.card-bottom-row,.card-middle-row,.card-top-row{align-items:center;display:flex;justify-content:space-between}.card-top-row{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.card-amount,.card-category,.card-date,.card-type{font-size:1rem;font-weight:var(--font-weight-bold)}.card-category .category-tag{font-size:.9rem}.card-bottom-row{margin-top:auto}.card-actions-mobile{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:flex-end}@media (max-width:768px){.finances-transactions-container{padding:var(--spacing-lg)}.finances-header{text-align:left}.back-link,.finances-header{margin-bottom:var(--spacing-md)}.back-link{position:static}.header-banner-container{margin-bottom:0}.header-content-overlay{background-color:initial;color:var(--text-color-primary);height:auto;min-height:auto;padding:var(--spacing-md) 0;position:static}.finances-header h1,.finances-header p{color:#fff;text-shadow:none}.header-actions{flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md);position:static;transform:none}.month-filter-container{margin:0;order:1;width:100%}.btn-add,.btn-manage-categories,.btn-manage-types,.currency-switcher-container{flex-grow:1}.transaction-summary-cards{gap:var(--spacing-sm);grid-template-columns:1fr}.transactions-table-container{display:none}.transactions-card-list{display:flex;flex-direction:column;gap:20px;padding:0}}@media (min-width:769px){.transactions-table-container{display:block}.transactions-card-list{display:none}.header-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:2rem;margin-top:2rem;position:relative;z-index:10}.month-filter-container{margin-right:auto}}.goal-item{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.goal-item:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.goal-item h3{color:var(--heading-color);font-size:1.2rem}.goal-item h3,.goal-item p{margin-bottom:var(--spacing-sm)}.goal-item p{color:var(--text-color-secondary);font-size:.9rem}.goal-category-label{border-radius:var(--border-radius-sm);color:var(--text-color-primary);display:inline-block;font-size:.8rem;margin-bottom:var(--spacing-sm);padding:.2rem .5rem}.progress-bar-container{background-color:var(--border-color);border-radius:5px;height:10px;margin:var(--spacing-sm) 0;position:relative;width:100%}.progress-bar{background-color:var(--accent-green);border-radius:5px;height:100%;transition:width .5s ease}.progress-text{color:var(--text-color-primary);font-size:.8rem;font-weight:var(--font-weight-bold);position:absolute;right:var(--spacing-sm);text-shadow:1px 1px 2px #0006;top:50%;transform:translateY(-50%)}.goal-actions{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.delete-btn,.edit-btn,.progress-btn{background-color:var(--hover-bg);border:none;border-radius:var(--border-radius-sm);color:var(--text-color-primary);cursor:pointer;padding:.5rem;transition:background-color .2s ease,color .2s ease}.edit-btn{color:var(--accent-blue)}.delete-btn{color:var(--danger-red)}.edit-btn:hover,.progress-btn:hover{background-color:var(--accent-blue);color:var(--text-color-primary)}.delete-btn:hover{background-color:var(--danger-red);color:var(--text-color-primary)}.modal-content{max-width:600px}.goal-form-section h2{color:var(--heading-color);font-size:1.5rem;margin-bottom:var(--spacing-md)}.goal-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.goal-form input[type=date],.goal-form input[type=number],.goal-form input[type=text],.goal-form select{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);outline:none;padding:.75rem}.goal-form input[type=number]::-webkit-inner-spin-button,.goal-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.goal-form .form-actions{display:flex;gap:var(--spacing-md)}.goal-form .cancel-btn,.goal-form .save-btn{border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;flex-grow:1;font-weight:var(--font-weight-bold);padding:.75rem}.goal-form .save-btn{background-color:var(--accent-blue)}.goal-form .cancel-btn{background-color:var(--text-color-secondary)}@media (max-width:768px){.modal-content{max-height:80vh;max-width:80vw;width:80vw}.goal-form{gap:var(--spacing-sm)}}.modal-overlay{z-index:1000}.modal-content{box-shadow:var(--card-hover-shadow);max-height:90vh;max-width:400px;padding:var(--spacing-xl);width:90%}.progress-form-section h2{color:var(--heading-color);font-size:1.5rem;margin-bottom:var(--spacing-md)}.progress-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.progress-form input[type=number]{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);outline:none;padding:.75rem}.progress-form .form-actions{display:flex;gap:var(--spacing-md)}.progress-form .cancel-btn,.progress-form .save-btn{border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;flex-grow:1;font-weight:var(--font-weight-bold);padding:.75rem}.progress-form .save-btn{background-color:var(--accent-blue)}.progress-form .cancel-btn{background-color:var(--text-color-secondary)}@media (max-width:768px){.modal-content{max-height:80vh;max-width:80vw;width:80vw}}.progress-history{border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);padding-top:var(--spacing-md)}.progress-history h3{color:var(--heading-color);font-size:1.2rem;margin-bottom:var(--spacing-sm)}.progress-history ul{list-style:none;margin:0;padding:0}.progress-history li{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-color-primary);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.progress-history li:last-child{border-bottom:none}.history-date{color:var(--text-color-secondary);font-size:.9rem}.history-amount{color:var(--accent-green);font-weight:var(--font-weight-bold)}.no-history-message{color:var(--text-color-secondary);font-style:italic;margin-top:var(--spacing-md);text-align:center}.modal-overlay{background-color:var(--overlay-bg)}.category-manager-popup{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--dark-card-hover-shadow);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--spacing-xl);position:relative;width:90%}.category-manager-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.category-manager-header h2{color:var(--heading-color);font-size:1.5rem;margin:0}.category-manager-header .close-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem;transition:color .2s ease}.category-manager-header .close-btn:hover{color:var(--danger-red)}.add-category-form{margin-bottom:var(--spacing-lg)}.form-row{align-items:center;display:flex;gap:var(--spacing-sm)}.form-row input[type=text]{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;padding:.75rem}.form-row input[type=color]{-webkit-appearance:none;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;width:50px}.form-row .add-btn{background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;padding:.75rem 1rem}.categories-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.category-item{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.category-item,.category-name{align-items:center;display:flex}.category-name{border-radius:12px;color:var(--heading-color);font-weight:var(--font-weight-bold);gap:5px;padding:.2rem .5rem}.category-actions button{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1rem;transition:color .2s ease}.category-actions .edit-btn:hover{color:var(--accent-blue)}.category-actions .delete-btn:hover{color:var(--danger-red)}.edit-form{align-items:center;display:flex;flex-grow:1;gap:var(--spacing-sm)}.edit-form input[type=text]{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;outline:none;padding:.5rem}.edit-form input[type=color]{-webkit-appearance:none;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;width:40px}.edit-form .cancel-btn,.edit-form .save-btn{border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-weight:var(--font-weight-bold);height:40px;padding:.5rem;width:40px}.edit-form .save-btn{background-color:var(--accent-green)}.edit-form .cancel-btn{background-color:var(--danger-red)}@media (max-width:768px){.category-manager-popup{padding:var(--spacing-md)}}.finances-goals-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl);position:relative}.finances-header{margin-bottom:var(--spacing-xl);text-align:center}.finances-header h1{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:.5rem}.finances-header p{color:var(--text-color-secondary);font-size:1rem}.finances-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.add-goal-btn{border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;font-weight:var(--font-weight-bold);padding:.75rem 1.5rem;transition:background-color .2s ease;white-space:nowrap}.add-goal-btn,.add-goal-btn:hover{background-color:var(--accent-blue)}.add-goal-btn:hover{opacity:.8}.manage-categories-btn{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-secondary);cursor:pointer;font-weight:var(--font-weight-bold);padding:.75rem 1.5rem;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.manage-categories-btn:hover{background-color:var(--hover-bg);color:var(--text-color-primary)}.back-link:hover{color:var(--accent-blue)}.goals-list{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:768px){.finances-goals-container{padding:var(--spacing-lg)}.finances-header{margin-bottom:var(--spacing-md);text-align:left}}.fitness-dashboard-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl);position:relative}.back-link:hover{color:#2ecc71}.dashboard-placeholder-content{border:1px dashed var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-secondary);margin-top:2rem;padding:var(--spacing-xl);text-align:center}@media (max-width:768px){.fitness-dashboard-container{padding:var(--spacing-lg)}.fitness-header{margin-bottom:var(--spacing-md);text-align:left}}.form-modal{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000004d;max-height:80vh;max-width:400px;overflow-y:auto;padding:var(--spacing-lg);position:relative;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.modal-header h3{color:var(--heading-color);font-size:1.5rem;margin:0}.close-modal-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem}.close-modal-btn:hover{color:var(--danger-red)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-color-primary);display:block;font-weight:var(--font-weight-bold);margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--text-color-primary);font-family:inherit;font-size:1rem;padding:10px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-green);outline:none}.form-group textarea{min-height:100px;resize:vertical}.image-drop-zone{align-items:center;border:2px dashed var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-lg);text-align:center;transition:background-color .2s ease,border-color .2s ease}.image-drop-zone.drag-over,.image-drop-zone:hover{background-color:var(--hover-bg);border-color:var(--accent-green)}.drop-zone-placeholder{color:var(--text-color-secondary);font-size:1rem}.drop-zone-placeholder .fa-upload{font-size:2rem;margin-bottom:var(--spacing-sm)}.image-preview{border-radius:var(--border-radius-sm);max-height:200px;max-width:100%;object-fit:contain}.remove-image-btn{background-color:var(--danger-red);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;margin-top:var(--spacing-sm);padding:8px 12px}.or-divider{color:var(--text-color-secondary);font-size:.9rem;margin:var(--spacing-md) 0;position:relative;text-align:center}.or-divider:after,.or-divider:before{background-color:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:40%}.or-divider:before{left:0}.or-divider:after{right:0}.form-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn-cancel,.btn-save{border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-bold);padding:10px 20px;transition:background-color .2s ease}.btn-save{background-color:var(--accent-green)}.btn-save:hover{background-color:#26a65b}.btn-cancel{background-color:var(--text-color-secondary)}.btn-cancel:hover{background-color:#4a5568}@media (max-width:768px){.form-modal{max-width:70%}}.planning-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.muscle-group-checkboxes{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-item{align-items:center;display:flex;gap:var(--spacing-xs)}.checkbox-item input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:background-color .2s,border-color .2s;width:20px}.checkbox-item input[type=checkbox]:checked{background-color:var(--accent-green);border-color:var(--accent-green)}.checkbox-item input[type=checkbox]:checked:after{color:#fff;content:"\2713";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-item label{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:var(--spacing-xs)}.group-tag-preview{border:1px solid #fff3;border-radius:50%;display:inline-block;height:12px;width:12px}.fitness-exercices-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl);position:relative}.add-exercise-btn,.manage-muscle-groups-btn{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:var(--font-weight-bold);gap:8px;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .2s ease}.add-exercise-btn{background-color:var(--accent-green);color:#fff}.add-exercise-btn:hover{background-color:#26a65b;transform:translateY(-2px)}.manage-muscle-groups-btn{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color-primary)}.manage-muscle-groups-btn:hover{background-color:var(--hover-bg);transform:translateY(-2px)}.exercise-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl)}.filter-button{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-primary);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:background-color .2s ease,border-color .2s ease}.filter-button:hover{background-color:var(--hover-bg)}.filter-button.active{background-color:var(--accent-green);border-color:var(--accent-green);color:#fff}.exercises-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.exercise-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.exercise-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-5px)}.card-image-container{align-items:center;background-color:var(--bg-color);display:flex;height:150px;justify-content:center;overflow:hidden;width:100%}.image-placeholder{color:var(--text-color-secondary);font-size:3rem}.exercise-image{display:block;height:100%;width:100%}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-md)}.exercise-name{color:var(--heading-color);font-size:1.1rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-sm)}.action-buttons{display:flex;gap:var(--spacing-xs)}.action-btn{background-color:initial;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1rem;transition:color .2s ease}.action-btn:hover.edit-btn{color:var(--accent-blue)}.action-btn:hover.delete-btn{color:var(--danger-red)}.placeholder-content{border:1px dashed var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-secondary);grid-column:1/-1;margin-top:2rem;padding:var(--spacing-xl);text-align:center}.modal-content{width:clamp(300px,90vw,450px)}.modal-error{background-color:rgba(var(--danger-red-rgb),.1);border-radius:var(--border-radius-sm);color:var(--danger-red);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);text-align:center}.muscle-group-form{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.muscle-group-form input[type=text]{background-color:var(--main-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);flex-grow:1;font-size:1rem;padding:10px}.muscle-group-form input[type=color]{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;height:40px;width:40px}.muscle-groups-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.muscle-group-item{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.group-name{border-radius:4px;color:#fff;display:inline-block;font-size:.9rem;font-weight:var(--font-weight-bold);padding:4px 8px}.group-actions .action-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1rem;margin-left:var(--spacing-xs);transition:color .2s ease}.group-actions .action-btn.edit-btn:hover{color:var(--accent-blue)}.group-actions .action-btn.delete-btn:hover{color:var(--danger-red)}.cancel-btn{background-color:var(--text-color-secondary);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-bold);padding:10px 20px;transition:background-color .2s ease}.cancel-btn:hover{background-color:#4a5568}@media (max-width:768px){.fitness-exercices-container{padding:var(--spacing-lg)}.fitness-header{text-align:left}.back-link,.fitness-header{margin-bottom:var(--spacing-md)}.back-link{position:static}.header-actions{flex-direction:column}.add-exercise-btn,.manage-muscle-groups-btn{justify-content:center;width:100%}.exercise-filters{justify-content:flex-start}.fitness-planning-container{padding:var(--spacing-lg)}.fitness-header{text-align:left}.back-link,.fitness-header{margin-bottom:var(--spacing-md)}.back-link{position:static}.workout-plan-details-container h2{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.log-workout-btn{justify-content:center;width:100%}}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:0 5px 15px #0000004d;color:var(--text-color-primary);max-height:80vh;overflow-y:auto;padding:var(--spacing-lg);position:relative;width:clamp(300px,90vw,600px)}.modal-close-btn{background:none;border:none;color:var(--text-color-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:color .2s ease}.modal-close-btn:hover{color:var(--danger-red)}.modal-content h2{color:var(--heading-color);font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.planning-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.planning-day-item{background-color:var(--background);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);padding:var(--spacing-md)}.day-name{color:var(--heading-color);font-size:1.1rem;font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0}.planning-day-item select{-webkit-appearance:none;appearance:none;background-color:var(--main-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236c757d'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-color-primary);cursor:pointer;font-size:1rem;padding:8px;width:100%}.modal-footer{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.save-btn{align-items:center;background-color:var(--accent-green);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-bold);gap:8px;padding:10px 20px;transition:background-color .2s ease}.save-btn:hover{background-color:#26a65b}@media (max-width:768px){.modal-content{width:90vw}}.fitness-planning-container{background-color:var(--main-bg);box-sizing:border-box;color:var(--text-color-primary);min-height:100%;padding:var(--spacing-xl);position:relative}.fitness-header{margin-bottom:var(--spacing-xl);text-align:center}.fitness-header h1{color:var(--heading-color);font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:.5rem}.back-link,.fitness-header p{color:var(--text-color-secondary);font-size:1rem}.back-link{align-items:center;display:flex;font-weight:var(--font-weight-bold);gap:8px;left:var(--spacing-lg);position:absolute;text-decoration:none;top:var(--spacing-lg);transition:color .2s ease}.back-link:hover{color:var(--accent-green)}.day-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl)}.day-button{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-primary);cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:background-color .2s ease,border-color .2s ease}.day-button:hover{background-color:var(--hover-bg)}.day-button.active{background-color:var(--accent-green);border-color:var(--accent-green);color:#fff}.header-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-md)}.manage-planning-btn{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-color-primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:var(--font-weight-bold);gap:8px;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .2s ease}.manage-planning-btn:hover{background-color:var(--hover-bg);transform:translateY(-2px)}.workout-plan-details-container{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:var(--spacing-xl)}.workout-plan-details-container h2{border-bottom:1px solid var(--border-color);color:var(--heading-color);font-size:1.5rem;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.log-workout-btn,.workout-plan-details-container h2{align-items:center;display:flex;font-weight:var(--font-weight-bold)}.log-workout-btn{background-color:var(--accent-blue);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;font-size:1rem;gap:8px;padding:.75rem 1.5rem;transition:background-color .2s ease,transform .2s ease}.log-workout-btn:hover{background-color:#3f83f8;transform:translateY(-2px)}.log-workout-btn:disabled{background-color:var(--text-color-secondary);cursor:not-allowed;transform:none}.workout-list{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.workout-block{background-color:var(--background);border-radius:var(--border-radius-md);box-shadow:var(--card-shadow);padding:var(--spacing-md)}.workout-block-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.workout-block-header h3{color:var(--heading-color);font-size:1.2rem;margin:0}.muscle-group-tag{border-radius:4px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;padding:4px 8px;text-transform:uppercase}.exercise-list{flex-direction:column;list-style:none;margin:0;padding:0}.exercise-item,.exercise-list{display:flex;gap:var(--spacing-md)}.exercise-item{align-items:center;background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--card-shadow);padding:var(--spacing-md);transition:opacity .3s ease}.exercise-item.completed{opacity:.6}.exercise-item.completed h4,.exercise-item.completed p{text-decoration:line-through}.exercise-image{object-fit:cover}.exercise-image,.image-placeholder{border-radius:var(--border-radius-sm);flex-shrink:0;height:80px;width:80px}.image-placeholder{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center}.image-placeholder .fa-dumbbell{color:var(--text-color-secondary);font-size:2rem}.exercise-info{flex-grow:1}.exercise-info h4{color:var(--heading-color);font-size:1.1rem;margin:0 0 5px}.exercise-details{color:var(--text-color-secondary);font-size:.9rem}.no-workout-message{color:var(--text-color-secondary);font-size:1.1rem;padding:var(--spacing-lg);text-align:center}.checkbox-container{align-items:center;display:flex;margin-right:var(--spacing-sm)}.checkbox-container input[type=checkbox]{-webkit-appearance:none;appearance:none;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;height:20px;position:relative;transition:background-color .2s,border-color .2s;width:20px}.checkbox-container input[type=checkbox]:checked{background-color:var(--accent-green);border-color:var(--accent-green)}.checkbox-container input[type=checkbox]:checked:after{color:#fff;content:"\2713";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.fitness-planning-container{padding:var(--spacing-lg)}.fitness-header{text-align:left}.back-link,.fitness-header{margin-bottom:var(--spacing-md)}.back-link{position:static}.workout-plan-details-container h2{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.log-workout-btn{justify-content:center;width:100%}.header-actions{flex-direction:column}.manage-planning-btn{justify-content:center;width:100%}}.notification-popup{align-items:center;border-radius:var(--border-radius-lg);bottom:var(--spacing-lg);box-shadow:var(--dark-card-hover-shadow);display:flex;gap:var(--spacing-md);opacity:0;padding:var(--spacing-sm) var(--spacing-md);position:fixed;right:var(--spacing-lg);transform:translateY(20px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;visibility:hidden;z-index:2000}.notification-popup.visible{opacity:1;transform:translateY(0);visibility:visible}.notification-icon{font-size:1.2rem}.notification-message{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.notification-popup.success{background-color:var(--accent-green);color:#fff}.notification-popup.error{background-color:var(--danger-red);color:#fff}.notification-popup.info{background-color:var(--accent-blue);color:#fff}
/*# sourceMappingURL=main.f2de5abd.css.map*/