.goals-section{background:#fff;padding:30px;border-radius:15px;box-shadow:var(--card-shadow);transition:all .3s ease;border:1px solid rgba(108,92,231,.1)}.goals-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.goals-section h2{color:var(--primary-color);margin-bottom:25px;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:10px}.goals-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.goal-item{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#f8f7ff,#f5f3ff);border-radius:10px;transition:all .3s cubic-bezier(.25,.46,.45,.94);border:2px solid transparent;cursor:pointer}.goal-item:hover{background:linear-gradient(135deg,#f5f0ff,#ede8ff);border-color:var(--primary-color);transform:translate(8px);box-shadow:0 4px 12px #6c5ce726}.goal-number{font-weight:600;color:var(--primary-color);min-width:50px}.goal-checkbox{width:22px;height:22px;cursor:pointer;flex-shrink:0}.goal-text{flex:1;font-size:1rem;transition:all .3s ease;font-weight:500}.goal-text.completed{text-decoration:line-through;color:#b2bec3}.delete-btn{background:none;border:none;color:var(--danger-color);font-size:1.8rem;cursor:pointer;padding:0 5px;transition:all .3s ease;line-height:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.delete-btn:hover{color:#fff;background-color:var(--danger-color);transform:scale(1.1) rotate(90deg)}.add-goal{display:flex;gap:10px;padding-top:15px;border-top:2px dashed rgba(108,92,231,.2)}.goal-input{flex:1;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease}.add-btn{background-color:var(--success-color);color:#fff;padding:12px 24px;font-weight:700;box-shadow:0 2px 8px #1dd1a133}.add-btn:hover{background-color:#0ba369;transform:translateY(-3px);box-shadow:0 6px 15px #1dd1a14d}@media (max-width: 768px){.goals-section{padding:20px;border-radius:12px}.goals-section h2{font-size:1.2rem;margin-bottom:18px}.goal-item{padding:12px;gap:10px}.goal-number{font-size:.9rem;min-width:45px}.goal-text{font-size:.95rem}.add-goal{flex-direction:column;gap:8px}.goal-input,.add-btn{width:100%}.add-btn{padding:11px 18px}}@media (max-width: 480px){.goals-section{padding:16px}.goals-section h2{font-size:1.1rem}.goal-item{padding:10px}.goal-number{font-size:.85rem}.goal-text{font-size:.9rem}.delete-btn{font-size:1.2rem;padding:0 3px}}.todo-list{background:#fff;padding:30px;border-radius:15px;box-shadow:var(--card-shadow);transition:all .3s ease;border:1px solid rgba(108,92,231,.1)}.todo-list:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.todo-list h3{color:var(--primary-color);margin-bottom:25px;font-size:1.3rem;font-weight:700}.todo-items{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:400px;overflow-y:auto}.todo-item{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#fafafa,#f5f3ff);border-left:5px solid var(--border-color);border-radius:10px;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.todo-item.priority-high{border-left-color:var(--danger-color);background:linear-gradient(135deg,#ff34480d,#ff344805)}.todo-item.priority-high:hover{background:linear-gradient(135deg,#ff34481a,#ff34480d)}.todo-item.priority-medium{border-left-color:var(--warning-color);background:linear-gradient(135deg,#ffa5020d,#ffa50205)}.todo-item.priority-medium:hover{background:linear-gradient(135deg,#ffa5021a,#ffa5020d)}.todo-item.priority-low{border-left-color:var(--success-color);background:linear-gradient(135deg,#1dd1a10d,#1dd1a105)}.todo-item.priority-low:hover{background:linear-gradient(135deg,#1dd1a11a,#1dd1a10d)}.todo-item:hover{transform:translate(8px);box-shadow:0 4px 12px #6c5ce726}.todo-checkbox{width:22px;height:22px;cursor:pointer;flex-shrink:0}.todo-text{flex:1;font-size:1rem;transition:all .3s ease}.todo-text.completed{text-decoration:line-through;color:#b2bec3}.add-todo{display:flex;gap:10px;padding-top:15px;border-top:2px dashed rgba(108,92,231,.2)}.todo-input{flex:1;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease}.todo-input:focus{border-color:var(--primary-color);background-color:#fff}.priority-select{padding:12px;border:2px solid var(--border-color);border-radius:8px;background-color:#fff;cursor:pointer;font-weight:500;transition:all .3s ease}.priority-select:focus{border-color:var(--primary-color);outline:none}.add-todo .add-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:12px 28px;font-weight:700;box-shadow:0 2px 8px #6c5ce733}.add-todo .add-btn:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#4e3a8c 100%);transform:translateY(-3px);box-shadow:0 6px 15px #6c5ce74d}@media (max-width: 768px){.todo-list{padding:20px;border-radius:12px}.todo-list h3{font-size:1.1rem;margin-bottom:18px}.todo-items{max-height:350px;gap:8px}.todo-item{padding:12px;gap:10px}.todo-text{font-size:.95rem}.add-todo{flex-wrap:wrap;gap:8px}.todo-input,.priority-select{flex:1;min-width:120px;padding:10px;font-size:.95rem}.add-todo .add-btn{padding:11px 20px;font-size:.95rem}}@media (max-width: 480px){.todo-list{padding:16px}.todo-list h3{font-size:1rem}.todo-items{max-height:300px}.todo-item{padding:10px}.todo-text{font-size:.9rem}.add-todo{flex-direction:column}.todo-input,.priority-select,.add-todo .add-btn{width:100%}}.schedule{background:#fff;padding:30px;border-radius:15px;box-shadow:var(--card-shadow);transition:all .3s ease;border:1px solid rgba(108,92,231,.1)}.schedule:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.schedule h3{color:var(--primary-color);margin-bottom:25px;font-size:1.3rem;font-weight:700}.schedule-items{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:350px;overflow-y:auto}.schedule-item{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#f5faff,#f0ebff);border-radius:10px;transition:all .3s cubic-bezier(.25,.46,.45,.94);border-left:5px solid var(--secondary-color);cursor:pointer}.schedule-item:hover{transform:translate(8px);box-shadow:0 4px 12px #00b4db26;background:linear-gradient(135deg,#e8f7ff,#e0e6ff)}.schedule-item .time{font-weight:600;color:var(--primary-color);min-width:70px;font-size:.95rem}.schedule-checkbox{width:22px;height:22px;cursor:pointer;flex-shrink:0}.schedule-item .activity{flex:1;font-size:1rem;transition:all .3s ease;font-weight:500}.schedule-item .activity.completed{text-decoration:line-through;color:#b2bec3;opacity:.6}.add-schedule{display:flex;gap:10px;padding-top:15px;border-top:2px dashed rgba(0,180,219,.2)}.time-input{padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:.95rem;transition:all .3s ease;font-weight:500}.time-input:focus{border-color:var(--secondary-color);background-color:#fff}.activity-input{flex:1;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .3s ease}.activity-input:focus{border-color:var(--secondary-color);background-color:#fff}.schedule .add-btn{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-light) 100%);color:#fff;padding:12px 28px;font-weight:700;box-shadow:0 2px 8px #00b4db33}.schedule .add-btn:hover{background:linear-gradient(135deg,var(--secondary-light) 0%,#006b8f 100%);transform:translateY(-3px);box-shadow:0 6px 15px #00b4db4d}@media (max-width: 768px){.schedule{padding:20px;border-radius:12px}.schedule h3{font-size:1.1rem;margin-bottom:18px}.schedule-items{max-height:300px;gap:8px}.schedule-item{padding:12px;gap:10px}.schedule-item .time{font-size:.9rem;min-width:60px}.schedule-item .activity{font-size:.95rem}.add-schedule{flex-wrap:wrap;gap:8px}.time-input,.activity-input{padding:10px;font-size:.95rem}.schedule .add-btn{padding:11px 20px;font-size:.95rem}}@media (max-width: 480px){.schedule{padding:16px}.schedule h3{font-size:1rem}.schedule-items{max-height:250px}.schedule-item{padding:10px}.add-schedule{flex-direction:column}.time-input,.activity-input,.schedule .add-btn{width:100%}}.meals-section{background:#fff;padding:30px;border-radius:15px;box-shadow:var(--card-shadow);transition:all .3s ease;border:1px solid rgba(108,92,231,.1)}.meals-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.meals-section h3{color:var(--primary-color);margin-bottom:25px;font-size:1.3rem;font-weight:700}.meal-item{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:15px;background:linear-gradient(135deg,#fafafa,#f5f3ff);border-radius:10px;border:2px solid transparent;transition:all .3s ease}.meal-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #6c5ce71a}.meal-item label{font-weight:700;color:var(--dark-text);font-size:1rem;text-transform:capitalize;letter-spacing:.5px}.meal-item input{padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background-color:#fff;transition:all .3s ease}.meal-item input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #6c5ce726}.meal-item input::placeholder{color:#b2bec3}@media (max-width: 768px){.meals-section{padding:20px;border-radius:12px}.meals-section h3{font-size:1.2rem;margin-bottom:18px}.meal-item{margin-bottom:16px;padding:12px;gap:8px}.meal-item label{font-size:.95rem}.meal-item input{padding:10px;font-size:.95rem}}@media (max-width: 480px){.meals-section{padding:16px}.meals-section h3{font-size:1.1rem}.meal-item{margin-bottom:14px;padding:10px}.meal-item label,.meal-item input{font-size:.9rem}}.exercise-performance{display:flex;flex-direction:column;gap:20px}.exercise-performance .section{background:#fff;padding:30px;border-radius:15px;box-shadow:var(--card-shadow);transition:all .3s ease;border:1px solid rgba(108,92,231,.1)}.exercise-performance .section:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.exercise-performance h3{color:var(--primary-color);margin-bottom:18px;font-size:1.2rem;font-weight:700}.exercise-textarea,.performance-textarea,.notes-textarea{width:100%;min-height:130px;padding:14px;border:2px solid var(--border-color);border-radius:10px;font-size:1rem;font-family:inherit;resize:vertical;background-color:#fafafa;transition:all .3s ease}.exercise-textarea:focus,.performance-textarea:focus,.notes-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #6c5ce726;outline:none;background-color:#fff}.exercise-textarea::placeholder,.performance-textarea::placeholder,.notes-textarea::placeholder{color:#b2bec3}@media (max-width: 768px){.exercise-performance{gap:18px}.exercise-performance .section{padding:20px;border-radius:12px}.exercise-performance h3{font-size:1.1rem;margin-bottom:16px}.exercise-textarea,.performance-textarea,.notes-textarea{min-height:110px;padding:12px;font-size:.95rem}}@media (max-width: 480px){.exercise-performance{gap:16px}.exercise-performance .section{padding:16px}.exercise-performance h3{font-size:1rem}.exercise-textarea,.performance-textarea,.notes-textarea{min-height:100px;padding:10px;font-size:.9rem}}.water-tracker{background:#fff;padding:30px;border-radius:15px;box-shadow:var(--card-shadow);transition:all .3s ease;border:1px solid rgba(0,180,219,.1)}.water-tracker:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.water-tracker h3{color:var(--primary-color);margin-bottom:25px;font-size:1.3rem;font-weight:700}.water-glasses{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.glass{width:100%;padding-bottom:100%;position:relative;border:3px solid var(--border-color);border-radius:10px;background-color:#fff;transition:all .4s cubic-bezier(.25,.46,.45,.94);cursor:pointer;overflow:hidden}.glass:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff}.glass:hover{border-color:var(--secondary-color);transform:scale(1.08)}.glass.filled{border-color:#00b4db;position:relative}.glass.filled:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,var(--secondary-color) 0%,#48dbfb 100%);animation:fillWater .6s ease-out;z-index:1}@keyframes fillWater{0%{height:0%}to{height:100%}}.water-controls{display:flex;align-items:center;justify-content:center;gap:25px}.btn-minus,.btn-plus{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;width:55px;height:55px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 12px #6c5ce740;font-weight:700}.btn-minus:hover,.btn-plus:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#4e3a8c 100%);transform:scale(1.15);box-shadow:0 8px 20px #6c5ce766}.btn-minus:active,.btn-plus:active{transform:scale(.95)}.water-count{font-weight:700;font-size:1.5rem;color:var(--primary-color);min-width:100px;text-align:center;background:linear-gradient(135deg,#6c5ce71a,#00b4db1a);padding:15px;border-radius:10px}@media (max-width: 768px){.water-tracker{padding:20px;border-radius:12px}.water-tracker h3{font-size:1.1rem;margin-bottom:18px}.water-glasses{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.water-controls{gap:16px}.btn-minus,.btn-plus{width:50px;height:50px;font-size:1.3rem}.water-count{font-size:1.3rem;min-width:90px;padding:12px}}@media (max-width: 480px){.water-tracker{padding:16px}.water-tracker h3{font-size:1rem}.water-glasses{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}.glass{border-width:2px}.water-controls{gap:12px;flex-wrap:wrap}.btn-minus,.btn-plus{width:45px;height:45px;font-size:1.1rem}.water-count{font-size:1.1rem;min-width:80px;padding:10px}}.dashboard{min-height:100vh;padding:30px 20px;background:linear-gradient(135deg,#f5f3ff,#e8f4f8,#f0e6ff);position:relative}.dashboard-header{text-align:center;margin-bottom:50px;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.dashboard-header h1{font-size:3rem;color:var(--primary-color);margin-bottom:10px;font-weight:700;letter-spacing:-1px;background:linear-gradient(135deg,#6c5ce7,#5f46ba);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header .date{color:#636e72;font-size:1.1rem;font-weight:500;letter-spacing:.5px}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1400px;margin:0 auto 50px;animation:fadeIn .8s ease-out .2s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.left-column,.right-column{display:flex;flex-direction:column;gap:20px}.dashboard-footer{display:flex;justify-content:center;gap:20px;max-width:1400px;margin:0 auto}.save-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:14px 45px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 15px #6c5ce74d;position:relative;overflow:hidden}.save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}.save-btn:hover:before{left:100%}.save-btn:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#4e3a8c 100%);transform:translateY(-3px);box-shadow:0 8px 25px #6c5ce766}.save-btn:disabled,.export-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-btn{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-light) 100%);color:#fff;padding:14px 45px;font-size:1.1rem;font-weight:700;box-shadow:0 4px 15px #00b4db4d}.export-btn:hover{background:linear-gradient(135deg,var(--secondary-light) 0%,#006b8f 100%);transform:translateY(-3px);box-shadow:0 8px 25px #00b4db66}.save-status{color:#27ae60;font-weight:600;font-size:1rem;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#e8f4f8)}.spinner{width:50px;height:50px;border:5px solid var(--border-color);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-header h1{font-size:2rem}}@media (max-width: 768px){.dashboard{padding:16px 12px;min-height:100vh}.dashboard-header{margin-bottom:30px}.dashboard-header h1{font-size:1.8rem;margin-bottom:8px}.dashboard-header .date{font-size:1rem}.dashboard-content{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.left-column,.right-column{gap:20px}.dashboard-footer{flex-direction:column;gap:12px;padding:0 12px}.save-btn,.export-btn{width:100%;padding:12px 20px;font-size:1rem}.save-status{font-size:.9rem}}@media (max-width: 480px){.dashboard{padding:12px 8px}.dashboard-header{margin-bottom:24px}.dashboard-header h1{font-size:1.5rem;margin-bottom:6px}.dashboard-header .date{font-size:.95rem}.dashboard-content{gap:16px;margin-bottom:24px}.left-column,.right-column{gap:16px}.dashboard-footer{gap:10px;padding:0 8px}.save-btn,.export-btn{padding:11px 16px;font-size:.95rem}}.app{min-height:100vh;background:linear-gradient(135deg,#f5f3ff,#e8f4f8)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6c5ce7;--primary-light: #8b7fee;--primary-dark: #5f46ba;--secondary-color: #00b4db;--secondary-light: #0084b4;--success-color: #1dd1a1;--success-light: #48dbfb;--warning-color: #ffa502;--danger-color: #ff6348;--light-bg: #f5f3ff;--dark-text: #2d3436;--border-color: #e0e0e0;--card-shadow: 0 4px 15px rgba(108, 92, 231, .15);--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .2)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--light-bg);color:var(--dark-text);line-height:1.6}button{font-family:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:600;letter-spacing:.5px}input,textarea,select{font-family:inherit;border:2px solid var(--border-color);border-radius:8px;padding:12px;font-size:1rem;background-color:#fafafa;transition:all .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #6c5ce726;background-color:#fff}}{}