*{box-sizing:border-box;font-family:Roboto,Arial,sans-serif;margin:0;padding:0}:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f1f3f4;--text-primary:#3c4043;--text-secondary:#5f6368;--accent-blue:#4285f4;--accent-green:#34a853;--accent-red:#ea4335;--accent-yellow:#fbbc04;--border-color:#e8eaed;--shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}[data-theme=dark]{--bg-primary:#202124;--bg-secondary:#303134;--bg-tertiary:#3c4043;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--border-color:#5f6368;--shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}body{background-color:#f8f9fa;background-color:var(--bg-primary);line-height:1.5;transition:all .3s ease}.header,body{color:#3c4043;color:var(--text-primary)}.header{align-items:center;background-color:#fff;background-color:var(--bg-secondary);border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--border-color);display:flex;height:64px;padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.menu-button{color:#5f6368;color:var(--text-secondary);cursor:pointer;margin-right:16px}.logo{align-items:center;display:flex;margin-right:24px}.logo-icon{color:#4285f4;color:var(--accent-blue);font-size:24px;margin-right:8px}.logo-text{color:#3c4043;color:var(--text-primary);font-size:22px;font-weight:500}.header-actions{gap:16px;margin-left:auto}.header-actions,.header-icon{align-items:center;display:flex}.header-icon{border-radius:50%;color:#5f6368;color:var(--text-secondary);cursor:pointer;height:40px;justify-content:center;transition:background-color .2s;width:40px}.header-icon:hover{background-color:#f1f3f4;background-color:var(--bg-tertiary)}.theme-toggle{color:#5f6368;color:var(--text-secondary);margin-right:16px}.theme-toggle,.user-avatar{align-items:center;cursor:pointer;display:flex}.user-avatar{background-color:#4285f4;background-color:var(--accent-blue);border-radius:50%;color:#fff;font-weight:500;height:40px;justify-content:center;position:relative;width:40px}.profile-menu{background-color:#fff;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--shadow);margin-top:8px;min-width:150px;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.profile-menu,.profile-menu-item{color:#3c4043;color:var(--text-primary)}.profile-menu-item{align-items:center;cursor:pointer;display:flex;padding:8px 16px;transition:background-color .2s}.profile-menu-item:hover{background-color:#f1f3f4;background-color:var(--bg-tertiary)}.profile-menu-item .material-icons{color:#5f6368;color:var(--text-secondary);font-size:18px;margin-right:8px}.sidebar{background-color:#fff;background-color:var(--bg-secondary);border-right:1px solid #e8eaed;border-right:1px solid var(--border-color);height:calc(100vh - 64px);left:0;overflow-y:auto;padding:16px 0;position:fixed;top:64px;transition:transform .3s ease;width:256px;z-index:99}.sidebar.collapsed{transform:translateX(-256px)}.sidebar-item{align-items:center;color:#3c4043;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:8px 24px;text-decoration:none;transition:background-color .2s}.sidebar-item:hover{background-color:#f1f3f4;background-color:var(--bg-tertiary)}.sidebar-item.active{background-color:#4285f41a;color:#4285f4;color:var(--accent-blue)}.sidebar-icon{font-size:20px;margin-right:16px;min-width:24px}.sidebar-divider{background-color:#e8eaed;background-color:var(--border-color);height:1px;margin:8px 0}.main-content{background-color:#f8f9fa;background-color:var(--bg-primary);margin-left:256px;min-height:calc(100vh - 64px);padding:32px;transition:margin-left .3s ease}.main-content.expanded{margin-left:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title{color:#3c4043;color:var(--text-primary);font-size:24px;font-weight:500}.section-actions{display:flex;gap:8px}.cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.card{background-color:#fff;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--shadow);margin-bottom:20px;padding:16px;transition:box-shadow .2s}.card:hover{box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.card-header{margin-bottom:12px}.card-header,.card-icon{align-items:center;display:flex}.card-icon{border-radius:50%;color:#fff;font-size:18px;height:40px;justify-content:center;margin-right:12px;width:40px}.card-icon.blue{background-color:#4285f4;background-color:var(--accent-blue)}.card-icon.green{background-color:#34a853;background-color:var(--accent-green)}.card-icon.red{background-color:#ea4335;background-color:var(--accent-red)}.card-icon.yellow{background-color:#fbbc04;background-color:var(--accent-yellow)}.card-title{color:#3c4043;color:var(--text-primary);font-size:16px;font-weight:500}.card-content{margin-bottom:16px}.card-value{color:#3c4043;color:var(--text-primary);font-size:24px;font-weight:500;margin-bottom:4px}.card-label{color:#5f6368;color:var(--text-secondary);font-size:14px}.progress-bar{background-color:#f1f3f4;background-color:var(--bg-tertiary);border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.progress-fill{border-radius:2px;height:100%;transition:width .5s}.progress-fill.blue{background-color:#4285f4;background-color:var(--accent-blue)}.progress-fill.green{background-color:#34a853;background-color:var(--accent-green)}.progress-fill.red{background-color:#ea4335;background-color:var(--accent-red)}.activity-list{background-color:#fff;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--shadow);overflow:hidden}.activity-item{align-items:center;border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--border-color);display:flex;padding:16px}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background-color:#f1f3f4;background-color:var(--bg-tertiary);border-radius:50%;color:#5f6368;color:var(--text-secondary);display:flex;height:40px;justify-content:center;margin-right:16px;width:40px}.activity-content{flex:1 1}.activity-title{color:#3c4043;color:var(--text-primary);font-weight:500;margin-bottom:4px}.activity-details,.activity-time{color:#5f6368;color:var(--text-secondary);font-size:14px}.button{align-items:center;background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e8eaed;border:1px solid var(--border-color);border-radius:4px;color:#3c4043;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;transition:background-color .2s}.button:hover{background-color:#f1f3f4;background-color:var(--bg-tertiary)}.button.primary{background-color:#4285f4;background-color:var(--accent-blue);border:none;color:#fff}.button.primary:hover{background-color:#1967d2;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--shadow)}.button-icon{font-size:18px;margin-right:8px}.form-container{margin:0 auto;max-width:500px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input,.form-label{color:#3c4043;color:var(--text-primary);font-size:14px}.form-input{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e8eaed;border:1px solid var(--border-color);border-radius:4px;padding:12px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#4285f4;border-color:var(--accent-blue);box-shadow:0 0 0 2px #4285f433;outline:none}.form-input.error{border-color:#ea4335;border-color:var(--accent-red);box-shadow:0 0 0 2px #ea433533}.validation-message{color:#ea4335;color:var(--accent-red);font-size:12px;margin-top:5px}.water-container{align-items:center;display:flex;flex-direction:column;margin:20px 0}.water-bottle{background-color:#f1f3f4;background-color:var(--bg-tertiary);height:200px;margin-bottom:20px;overflow:hidden;position:relative;width:120px}.water-bottle,.water-fill{border-radius:0 0 30px 30px}.water-fill{background:linear-gradient(0deg,#64b5f6,#4285f4);bottom:0;position:absolute;transition:height .5s ease;width:100%}.water-cups{flex-wrap:wrap;gap:10px;margin:20px 0}.water-cup,.water-cups{display:flex;justify-content:center}.water-cup{align-items:center;background-color:#f1f3f4;background-color:var(--bg-tertiary);border-radius:0 0 15px 15px;cursor:pointer;height:80px;transition:all .3s ease;width:60px}.water-cup.filled{background:linear-gradient(0deg,#64b5f6,#4285f4);color:#fff}.profile-header{align-items:center;display:flex;margin-bottom:30px}.profile-avatar{align-items:center;background-color:#4285f4;background-color:var(--accent-blue);border-radius:50%;color:#fff;display:flex;font-size:40px;font-weight:500;height:100px;justify-content:center;margin-right:24px;width:100px}.profile-info h1{color:#3c4043;color:var(--text-primary);font-size:28px;margin-bottom:8px}.profile-info p{color:#5f6368;color:var(--text-secondary)}.profile-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.profile-stat{background-color:#fff;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--shadow);padding:20px;text-align:center}.profile-stat-value{color:#3c4043;color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.profile-stat-label{color:#5f6368;color:var(--text-secondary)}@media (max-width:1024px){.sidebar{width:80px}.sidebar-text{display:none}.main-content{margin-left:80px}}@media (max-width:768px){.sidebar{transform:translateX(-256px);width:256px}.sidebar-text{display:inline}.main-content,.main-content.expanded{margin-left:0}.cards-grid{grid-template-columns:1fr}.header-actions .hidden-mobile{display:none}.sidebar.open{box-shadow:2px 0 10px #0003;transform:translateX(0)}.sidebar-overlay{display:block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px}.stat-card{background-color:#fff;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--shadow);padding:20px;text-align:center}.stat-value{color:#4285f4;color:var(--accent-blue);font-size:32px;font-weight:700;margin-bottom:5px}.stat-label{color:#5f6368;color:var(--text-secondary);font-size:14px;letter-spacing:.5px;text-transform:uppercase}.water-quick-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.water-quick-btn{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e8eaed;border:1px solid var(--border-color);border-radius:4px;color:#3c4043;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;transition:all .2s ease}.water-quick-btn:hover{background-color:#f1f3f4;background-color:var(--bg-tertiary)}.autofill-btn{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #e8eaed;border:1px solid var(--border-color);border-radius:4px;color:#3c4043;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px;padding:10px 15px;transition:all .2s ease}.autofill-btn:hover{background-color:#f1f3f4;background-color:var(--bg-tertiary)}.login-container{align-items:center;background-color:#f8f9fa;background-color:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-form{background-color:#fff;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--shadow);max-width:400px;padding:30px;width:100%}.login-title{color:#3c4043;color:var(--text-primary);font-size:28px;font-weight:500;margin-bottom:10px;text-align:center}.login-subtitle{color:#5f6368;color:var(--text-secondary);margin-bottom:30px;text-align:center}.loading{opacity:.7;pointer-events:none}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.meal-card{border:1px solid #e8eaed;border:1px solid var(--border-color);border-radius:4px;margin-bottom:15px;padding:15px;transition:all .2s ease}.meal-card:hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--shadow);transform:translateY(-2px)}.meal-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.meal-card-title{font-size:16px;font-weight:600}.meal-card-calories{color:#4285f4;color:var(--accent-blue);font-weight:600}.meal-card-ingredients{color:#5f6368;color:var(--text-secondary);font-size:12px;margin-bottom:10px}.meal-card-tags{display:flex;flex-wrap:wrap;gap:5px}.meal-card-tag{background-color:#f1f3f4;background-color:var(--bg-tertiary);border-radius:12px;color:#5f6368;color:var(--text-secondary);font-size:12px;padding:3px 8px}.excluded-warning{background-color:#ea43351a;border:1px solid #ea433533;border-radius:4px;color:#ea4335;color:var(--accent-red);font-size:12px;margin-bottom:10px;padding:10px}.excluded-ingredient{color:#ea4335;color:var(--accent-red);font-weight:500;text-decoration:line-through}.sidebar-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:64px;z-index:98}@media (max-width:768px){.sidebar-overlay{display:block}}.sidebar-toggle{display:none}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}@media (min-width:769px){.sidebar.collapsed{transform:translateX(-256px)}.main-content{margin-left:256px}.main-content.expanded{margin-left:0}}.history-table{border-collapse:collapse;margin-top:10px;width:100%}.history-table td,.history-table th{border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--border-color);padding:8px;text-align:left}.history-table tr:hover{background-color:#fff;background-color:var(--bg-secondary)}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.pagination-button{background-color:#f8f9fa;background-color:var(--bg-primary);border:1px solid #e8eaed;border:1px solid var(--border-color);border-radius:4px;color:#3c4043;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:#fff;background-color:var(--bg-secondary);border-color:#4285f4;border-color:var(--accent-blue)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#5f6368;color:var(--text-secondary);font-size:14px;margin:0 15px}.pagination-select{background-color:#f8f9fa;background-color:var(--bg-primary);border:1px solid #e8eaed;border:1px solid var(--border-color);border-radius:4px;color:#3c4043;color:var(--text-primary);font-size:14px;padding:8px 12px}.pagination-select:focus{border-color:#4285f4;border-color:var(--accent-blue);outline:none}.notification-container{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:1000}.notification{align-items:center;animation:slideIn .3s ease;border-radius:4px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--shadow);color:#fff;display:flex;justify-content:space-between;max-width:300px;padding:15px 20px}.notification.success{background-color:#34a853;background-color:var(--accent-green)}.notification.error{background-color:#ea4335;background-color:var(--accent-red)}.notification-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;margin-left:10px}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;background-color:var(--bg-secondary);border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--shadow);max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;position:relative;width:100%}.modal-content h2{color:#3c4043;color:var(--text-primary);margin:0}