:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px;text-align:center}.logo-container{margin-bottom:30px}.logo{max-width:200px;height:auto}.login-form h2{color:#333;margin-bottom:30px;font-size:24px;font-weight:600}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #fcc}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.input-group input{width:100%;padding:15px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;transition:all .3s ease;background-color:#f8f9fa}.input-group input:focus{outline:none;border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px #667eea1a}.submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.submit-btn:active{transform:translateY(0)}.divider{position:relative;text-align:center;margin:25px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9}.divider span{background:#fff;padding:0 15px;color:#666;font-size:14px}.google-btn{width:100%;padding:15px;background:#fff;color:#333;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.google-btn:hover{background:#f8f9fa;border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.google-btn:active{transform:translateY(0)}.google-icon{width:20px;height:20px}.toggle-form{margin-top:30px;padding-top:20px;border-top:1px solid #e1e5e9}.toggle-form p{color:#666;font-size:14px}.toggle-btn{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;margin-left:8px;text-decoration:underline;transition:color .3s ease}.toggle-btn:hover{color:#5a6fd8}@media (max-width: 480px){.login-card{padding:30px 20px;margin:10px}.logo{max-width:150px}.login-form h2{font-size:20px}.input-group input,.submit-btn{padding:12px;font-size:14px}}.bac-chart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.bac-chart-modal{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.bac-chart-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e1e5e9}.bac-chart-header h2{margin:0;color:#333;font-size:20px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#f5f5f5;color:#333}.bac-summary{padding:20px 25px;background:#f8f9fa;border-bottom:1px solid #e1e5e9;display:flex;flex-wrap:wrap;gap:20px;align-items:center}.bac-current{display:flex;align-items:center;gap:10px}.bac-label{font-size:14px;color:#666;font-weight:500}.bac-value{font-size:24px;font-weight:700;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bac-sober{display:flex;align-items:center;gap:8px;color:#28a745;font-weight:500;font-size:14px}.bac-warning{display:flex;align-items:center;gap:8px;color:#dc3545;font-weight:600;font-size:14px;background:#f8d7da;padding:8px 12px;border-radius:6px;border:1px solid #f5c6cb}.bac-error{display:flex;align-items:center;gap:12px;color:#721c24;font-weight:600;font-size:16px;background:#f8d7da;padding:20px 25px;border-radius:8px;border:1px solid #f5c6cb;margin:20px 25px;text-align:center;justify-content:center}.bac-error svg{color:#dc3545;flex-shrink:0}.chart-container{padding:20px 25px;height:400px;position:relative}.bac-info{padding:20px 25px;background:#f8f9fa;border-top:1px solid #e1e5e9}.bac-info p{margin:0 0 10px;color:#666;font-size:14px;line-height:1.5}.bac-info p:last-child{margin-bottom:0}.disclaimer{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;color:#856404;font-size:13px;line-height:1.5;margin-top:15px}@media (max-width: 768px){.bac-chart-overlay{padding:10px}.bac-chart-modal{max-height:95vh}.bac-chart-header{padding:15px 20px}.bac-chart-header h2{font-size:18px}.bac-summary{padding:15px 20px;flex-direction:column;align-items:flex-start;gap:15px}.bac-value{font-size:20px}.chart-container{padding:15px 20px;height:300px}.bac-info{padding:15px 20px}}.hydration-chart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.hydration-chart-modal{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}.hydration-chart-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e1e5e9}.hydration-chart-header h2{margin:0;color:#333;font-size:20px;font-weight:600}.hydration-summary{padding:20px 24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin:16px 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.hydration-current,.hydration-target{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.hydration-current svg{color:#007bff}.hydration-target svg{color:#ffc107}.hydration-info{display:flex;flex-direction:column;gap:4px}.hydration-label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hydration-value{font-size:20px;font-weight:700;color:#333;font-family:Courier New,monospace}.hydration-progress{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.progress-bar{flex:1;height:12px;background:#e9ecef;border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#007bff,#0056b3);border-radius:6px;transition:width .5s ease}.progress-text{font-size:16px;font-weight:700;color:#333;min-width:50px;text-align:right}.hydration-status{grid-column:1 / -1;text-align:center;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.hydration-status span{font-size:16px;font-weight:600;color:#333}.hydration-info{padding:20px 24px;border-top:1px solid #e1e5e9;background:#f8f9fa}.hydration-info p{margin:0 0 12px;color:#333;line-height:1.5}.hydration-info ul{margin:0 0 16px;padding-left:20px;color:#666}.hydration-info li{margin-bottom:6px;line-height:1.4}@media (max-width: 768px){.hydration-chart-overlay{padding:10px}.hydration-chart-modal{max-height:95vh}.hydration-summary{grid-template-columns:1fr;gap:16px;margin:12px 16px}.hydration-chart-header,.chart-container,.hydration-info{padding:16px}.chart-container{height:300px}.hydration-current,.hydration-target,.hydration-progress,.hydration-status{padding:12px}.hydration-value{font-size:18px}}.caffeine-chart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.caffeine-chart-modal{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}.caffeine-chart-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e1e5e9}.caffeine-chart-header h2{margin:0;color:#333;font-size:20px;font-weight:600}.close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#f0f0f0;color:#333}.caffeine-summary{padding:20px 24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin:16px 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.caffeine-current,.caffeine-level{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.caffeine-current svg{color:#fd7e14}.caffeine-level svg{color:#ffc107}.caffeine-info{display:flex;flex-direction:column;gap:4px}.caffeine-label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.caffeine-value{font-size:20px;font-weight:700;color:#333;font-family:Courier New,monospace}.caffeine-sober{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#28a745;font-weight:600}.caffeine-sober svg{color:#28a745}.caffeine-warning{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-weight:600}.caffeine-warning svg{color:#dc3545}.chart-container{padding:20px 24px;height:400px;position:relative}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:16px}.caffeine-info{padding:20px 24px;border-top:1px solid #e1e5e9;background:#f8f9fa}.caffeine-info p{margin:0 0 12px;color:#333;line-height:1.5}.caffeine-info ul{margin:0 0 16px;padding-left:20px;color:#666}.caffeine-info li{margin-bottom:8px;line-height:1.4}.disclaimer{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px;color:#856404;font-size:14px;line-height:1.5;margin-top:16px}@media (max-width: 768px){.caffeine-chart-overlay{padding:10px}.caffeine-chart-modal{max-height:95vh}.caffeine-summary{grid-template-columns:1fr;gap:16px;margin:12px 16px}.caffeine-chart-header,.chart-container,.caffeine-info{padding:16px}.chart-container{height:300px}.caffeine-current,.caffeine-level,.caffeine-sober,.caffeine-warning{padding:12px}.caffeine-value{font-size:18px}}.main-page{min-height:100vh;background-color:#f5f5f5;width:100%;max-width:100%;box-sizing:border-box}.header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:16px 20px;position:sticky;top:0;z-index:100;width:100%;box-sizing:border-box}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 20px;box-sizing:border-box}.header-logo{height:40px;width:auto}.header-actions{display:flex;align-items:center;gap:16px}.username{color:#666;font-size:14px;font-weight:500}.icon-btn{background:none;border:none;color:#666;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.icon-btn:hover{background-color:#f0f0f0;color:#333}.main-content{width:100%;max-width:1400px;margin:0 auto;padding:20px;box-sizing:border-box}.daily-stats-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 12px #0000000d;width:100%;box-sizing:border-box}.daily-stats-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:20px;text-align:center}.daily-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;width:100%}.daily-stat-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;transition:all .3s ease;width:100%;box-sizing:border-box}.daily-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.stat-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:4px;flex:1}.stat-value{font-family:Courier New,monospace;font-size:24px;font-weight:700;color:#333;letter-spacing:.5px}.stat-label{font-size:14px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.stat-description{font-size:12px;color:#6c757d;line-height:1.3}.total-liquids{border-left:4px solid #007bff;position:relative;cursor:pointer;transition:transform .2s ease}.total-liquids:hover{transform:scale(1.02)}.total-liquids .stat-icon{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.alcohol{border-left:4px solid #dc3545;position:relative;cursor:pointer;transition:transform .2s ease}.alcohol:hover{transform:scale(1.02)}.alcohol .stat-icon{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.bac-display{position:absolute;top:15px;right:15px;background:#fff3;padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bac-display .bac-value{font-size:16px;font-weight:700;color:#fff}.caffeine{border-left:4px solid #fd7e14;position:relative;cursor:pointer;transition:transform .2s ease}.caffeine:hover{transform:scale(1.02)}.caffeine .stat-icon{background:linear-gradient(135deg,#fd7e14,#e55a00);color:#fff}.water-percentage{border-left:4px solid #28a745}.water-percentage .stat-icon{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}@keyframes pulse{0%{opacity:1}50%{opacity:.8}to{opacity:1}}.drink-categories{display:flex;flex-direction:column;gap:24px;margin-bottom:32px;width:100%}.category-section{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d;width:100%;box-sizing:border-box}.category-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.category-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;flex-shrink:0}.category-icon img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1)}.emoji-icon{font-size:24px}.category-title-section{display:flex;flex-direction:column;gap:4px;flex:1}.category-header-row{display:flex;justify-content:space-between;align-items:center;width:100%}.category-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.timer-label{font-family:Courier New,monospace;font-size:18px;font-weight:600;letter-spacing:.5px}.alcohol-timer{color:#dc3545}.water-timer{color:#007bff}.soda-timer{color:#28a745}.soda-zero-timer{color:#6f42c1}.energy-timer{color:#ffc107}.category-drinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;width:100%}.drink-btn{background:#fff;border:2px solid #e1e5e9;border-radius:12px;padding:16px 12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:100px;width:100%;box-sizing:border-box}.drink-btn:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #667eea26}.drink-btn:active{transform:translateY(-1px)}.drink-btn img{width:40px;height:40px;object-fit:contain}.drink-btn span{color:#333;font-size:12px;font-weight:500;text-align:center;line-height:1.2}.trend-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 12px #0000000d}.trend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.trend-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.chart-controls{display:flex;gap:8px}.toggle-btn{padding:8px 16px;border:2px solid #e1e5e9;background:#fff;color:#666;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:60px}.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.toggle-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.toggle-btn.active:hover{box-shadow:0 4px 12px #667eea4d}.chart-container{height:300px;position:relative}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:14px}.navigation-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;width:100%}.nav-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;padding:20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.nav-btn:active{transform:translateY(0)}.modal .close-btn,.modal .logout-btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:16px}.modal .close-btn{background-color:#6c757d;color:#fff;margin-right:12px}.modal .close-btn:hover{background-color:#545b62}.modal .logout-btn{background-color:#dc3545;color:#fff}.modal .logout-btn:hover{background-color:#c82333}@media (max-width: 768px){.main-content{padding:16px;width:100%;max-width:100%}.header-content{padding:0 16px;width:100%;max-width:100%}.daily-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.daily-stat-card{padding:16px;width:100%}.stat-icon{width:50px;height:50px;font-size:24px}.stat-value{font-size:20px}.category-drinks{grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.drink-btn{padding:12px 8px;min-height:90px;width:100%}.drink-btn img{width:35px;height:35px}.drink-btn span{font-size:11px}.trend-header{flex-direction:column;align-items:flex-start}.chart-controls{width:100%;justify-content:center}.chart-container{height:250px}.navigation-buttons{grid-template-columns:1fr;width:100%}.nav-btn{padding:16px;font-size:14px;width:100%}}@media (max-width: 480px){.main-content{padding:12px;width:100%;max-width:100%}.header-content{padding:0 12px}.daily-stats-grid{grid-template-columns:1fr;width:100%}.category-drinks{grid-template-columns:repeat(2,1fr);width:100%}.header-logo{height:30px}.username{display:none}.trend-section{padding:16px}.chart-container{height:200px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{margin:0 0 16px;color:#333;font-size:20px;font-weight:600}.settings-modal{max-width:450px}.settings-content{display:flex;flex-direction:column;gap:20px}.username-display{background:#f8f9fa;padding:12px 16px;border-radius:8px;margin:0;color:#666;font-size:14px;border:1px solid #e9ecef}.settings-buttons{display:flex;flex-direction:column;gap:12px}.settings-btn{border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.settings-btn:hover{transform:translateY(-2px)}.logout-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.logout-btn:hover{box-shadow:0 8px 25px #dc35454d}.delete-data-btn{background:linear-gradient(135deg,#fd7e14,#e55a00);color:#fff}.delete-data-btn:hover{box-shadow:0 8px 25px #fd7e144d}.delete-account-btn{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff}.delete-account-btn:hover{box-shadow:0 8px 25px #6f42c14d}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.confirm-modal{max-width:400px}.confirm-modal p{margin:0 0 20px;color:#666;line-height:1.5}.confirm-buttons{display:flex;gap:12px}.confirm-btn{flex:1;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-btn:hover{transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.delete-btn:hover{box-shadow:0 8px 25px #dc35454d}@media (min-width: 1200px){.main-content{max-width:1400px;padding:24px 32px}.header-content{max-width:1400px;padding:0 32px}.daily-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px}.category-drinks{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.navigation-buttons{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media (min-width: 1600px){.main-content{max-width:1600px;padding:32px 40px}.header-content{max-width:1600px;padding:0 40px}}.hydration-logs{max-width:800px;margin:0 auto;padding:20px;font-family:Open Sans,sans-serif}.header{display:flex;align-items:center;margin-bottom:30px;gap:15px}.back-button{background:none;border:none;color:#333;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.back-button:hover{background-color:#f0f0f0}.stats-container{margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;color:#fff;box-shadow:0 8px 32px #667eea4d}.stat-card h3{margin:0 0 20px;font-size:18px;font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:12px;opacity:.8;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:700}.logs-container{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000001a}.logs-container h2{margin:0 0 20px;color:#333;font-size:20px;font-weight:600}.no-logs{text-align:center;color:#666;font-style:italic;padding:40px 20px}.logs-list{display:flex;flex-direction:column;gap:12px}.log-item{display:flex;align-items:center;padding:16px;background:#f8f9fa;border-radius:12px;transition:all .2s;border:1px solid #e9ecef}.log-item:hover{background:#f1f3f4;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.log-icon{font-size:24px;margin-right:16px;width:40px;text-align:center}.log-content{flex:1;min-width:0}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.log-type{font-weight:600;color:#333;font-size:16px}.log-time{font-size:12px;color:#666}.log-details{display:flex;flex-wrap:wrap;gap:12px}.log-volume{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.log-calories{background:#fff3e0;color:#f57c00;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.log-sugar{background:#fce4ec;color:#c2185b;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.log-caffeine{background:#f3e5f5;color:#7b1fa2;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.log-actions{display:flex;gap:8px;margin-left:16px}.edit-btn,.delete-btn{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-btn{color:#2196f3}.edit-btn:hover{background-color:#e3f2fd}.delete-btn{color:#f44336}.delete-btn:hover{background-color:#ffebee}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal h2{margin:0 0 20px;color:#333;font-size:20px;font-weight:600}.edit-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:#333;font-size:14px}.form-group input,.form-group select{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-actions{display:flex;gap:12px;margin-top:20px}.save-btn,.cancel-btn{flex:1;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0}.delete-modal{text-align:center}.delete-modal p{margin:0 0 24px;color:#666;line-height:1.5}.modal-actions{display:flex;gap:12px;justify-content:center}.modal-actions .delete-btn{background:#f44336;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600}.modal-actions .delete-btn:hover{background:#d32f2f}.modal-actions .cancel-btn{background:#f5f5f5;color:#666;padding:12px 24px;border-radius:8px;font-weight:600}.modal-actions .cancel-btn:hover{background:#e0e0e0}@media (max-width: 768px){.hydration-logs{padding:16px}.stat-grid{grid-template-columns:repeat(2,1fr)}.log-header{flex-direction:column;align-items:flex-start;gap:4px}.log-details{flex-direction:column;gap:8px}.log-actions{margin-left:8px}.modal{margin:20px;padding:20px}}.user-profile{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.header{display:flex;align-items:center;gap:15px;margin-bottom:30px}.back-btn{background:#0003;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#a92323;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#ffffff4d;transform:scale(1.05)}.header h1{color:#000;margin:0;font-size:24px;font-weight:600}.profile-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.profile-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 10px 30px #0000001a}.profile-card h2{margin:0 0 10px;color:#333;font-size:20px;font-weight:600}.description{color:#666;margin-bottom:25px;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;width:100%;justify-content:center;margin-top:10px}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.save-btn:disabled{opacity:.6;cursor:not-allowed}.info-card{background:#fffffff2;border-radius:16px;padding:25px;box-shadow:0 8px 25px #0000001a}.info-card h3{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.info-card p{color:#666;line-height:1.6;margin-bottom:15px}.info-card ul{color:#666;line-height:1.6;margin-bottom:20px;padding-left:20px}.info-card li{margin-bottom:8px}.disclaimer{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;color:#856404;font-size:14px;line-height:1.5}.loading{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;font-size:18px}@media (max-width: 768px){.user-profile{padding:15px}.profile-card,.info-card{padding:20px}.header h1{font-size:20px}}.alcohol-stats{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Open Sans,sans-serif}.alcohol-stats .chart-container{background:#fffffff2;padding:30px;border-radius:15px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:30px;height:auto!important;min-height:600px!important}.alcohol-stats .chart-container h2{margin:0 0 25px;color:#333;font-size:20px;font-weight:600}.alcohol-stats .chart-wrapper{height:500px!important;position:relative;width:100%}.alcohol-stats .chart-wrapper canvas{max-height:100%!important;max-width:100%!important}.alcohol-stats .chart-container .chartjs-render-monitor{width:100%!important;height:100%!important}.alcohol-stats .chart-wrapper .chartjs-render-monitor{width:100%!important;height:500px!important}.alcohol-stats .chart-wrapper canvas{width:100%!important;height:500px!important}.yearly-breakdown h2{margin:0 0 25px;color:#333;font-size:20px;font-weight:600}@media (max-width: 768px){.alcohol-stats{padding:15px}.stats-overview{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-value{font-size:24px}.alcohol-stats .chart-container,.alcohol-stats .yearly-breakdown{padding:20px}.alcohol-stats .chart-wrapper{height:400px!important}.yearly-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.year-card{padding:15px}}@media (max-width: 480px){.header{padding:15px}.header h1{font-size:20px}.stat-card{padding:15px}.stat-icon{width:40px;height:40px;margin-right:15px}.stat-value{font-size:20px}.yearly-grid{grid-template-columns:1fr}}.drink-stats{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:Open Sans,sans-serif}.header{display:flex;align-items:center;margin-bottom:30px;background:#fffffff2;padding:20px;border-radius:15px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button{background:none;border:none;color:#667eea;cursor:pointer;padding:8px;border-radius:8px;margin-right:15px;transition:background-color .3s ease}.back-button:hover{background-color:#667eea1a}.header h1{margin:0;color:#333;font-size:24px;font-weight:600}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fffffff2;padding:25px;border-radius:15px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:28px;font-weight:700;color:#333;margin-bottom:5px}.stat-label{font-size:14px;color:#666;font-weight:500}.chart-container h2{margin:0 0 25px;color:#333;font-size:20px;font-weight:600;text-align:center}.no-data{text-align:center;padding:60px 20px;color:#666}.no-data p{font-size:16px;margin:0}.yearly-breakdown{background:#fffffff2;padding:30px;border-radius:15px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.yearly-breakdown h2{margin:0 0 25px;color:#333;font-size:20px;font-weight:600;text-align:center}.yearly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.year-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:12px;border:1px solid #dee2e6;transition:transform .3s ease,box-shadow .3s ease}.year-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.year-card h3{margin:0 0 15px;color:#333;font-size:18px;font-weight:600;text-align:center}.year-stats{display:flex;flex-direction:column;gap:8px}.year-stat{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.year-stat:last-child{border-bottom:none}.year-stat .stat-label{font-size:13px;color:#666;font-weight:500}.year-stat .stat-value{font-size:14px;color:#333;font-weight:600}@media (max-width: 768px){.drink-stats{padding:15px}.stats-overview{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-value{font-size:24px}.drink-stats .chart-container,.drink-stats .yearly-breakdown{padding:20px}.drink-stats .chart-wrapper{height:350px!important;padding:5px}.yearly-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.year-card{padding:15px}}@media (max-width: 480px){.header{padding:15px}.header h1{font-size:20px}.stat-card{padding:15px}.stat-icon{width:40px;height:40px;margin-right:15px}.stat-value{font-size:20px}.drink-stats .chart-wrapper{height:280px!important}.yearly-grid{grid-template-columns:1fr}}.drink-stats .chart-container{background:#fffffff2;padding:20px;border-radius:15px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:30px;overflow:hidden;min-height:350px!important;height:auto!important}.drink-stats .chart-container h2{margin:0 0 25px;color:#333;font-size:20px;font-weight:600;text-align:center}.drink-stats .chart-wrapper{height:450px!important;width:100%;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.drink-stats .chart-container .chartjs-render-monitor{width:100%!important;height:100%!important}.drink-stats .chart-wrapper .chartjs-render-monitor{width:100%!important;height:450px!important}.drink-stats .chart-wrapper canvas{width:100%!important;height:450px!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;width:100%;max-width:100%;overflow-x:hidden}.App{min-height:100vh;background-color:#f5f5f5;width:100%;max-width:100%;overflow-x:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f5f5f5}.loading-spinner{width:50px;height:50px;border:5px solid #e3e3e3;border-top:5px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#666;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:24px;max-width:90%;max-height:90%;overflow-y:auto;box-shadow:0 10px 25px #0003}.modal h2{margin-bottom:16px;color:#333}.modal p{margin-bottom:16px;line-height:1.5;color:#666}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}@media (max-width: 768px){.modal{margin:20px;padding:20px}.btn{padding:10px 20px;font-size:14px}}