*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4CAF50;--primary-dark: #388E3C;--secondary: #2196F3;--danger: #f44336;--warning: #ff9800;--success: #4CAF50;--dark: #212121;--light: #f5f5f5;--gray: #757575;--border: #e0e0e0;--shadow: 0 2px 4px rgba(0,0,0,.1);--shadow-lg: 0 4px 12px rgba(0,0,0,.15);--radius: 8px;--radius-lg: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:var(--dark);position:relative;padding-bottom:80px}@media (min-width: 768px){body{padding-bottom:0}}.container{max-width:100%;margin:0 auto;padding:1rem}@media (min-width: 768px){.container{max-width:1200px;padding:2rem}}.card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-lg)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.header h1{font-size:1.5rem;color:var(--primary);display:flex;align-items:center;gap:.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--gray)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.p-1{padding:.5rem}.p-2{padding:1rem}.hidden{display:none}.flex{display:flex}.flex-column{flex-direction:column}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}.modal{display:none}.modal-content{animation:slideUp .3s ease}.food-result:hover{background:var(--light)!important}button:hover{transform:translateY(-2px);transition:all .3s}.activity-btn:hover{border-color:var(--primary)!important;background:var(--light)!important}#foodSearchResults{scrollbar-width:thin;scrollbar-color:var(--border) white}#foodSearchResults::-webkit-scrollbar{width:8px}#foodSearchResults::-webkit-scrollbar-track{background:#fff}#foodSearchResults::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#foodSearchResults::-webkit-scrollbar-thumb:hover{background:var(--gray)}@media (min-width: 768px){.fab-container{position:static!important;flex-direction:row!important;justify-content:center;gap:1rem;padding:1rem 0}.fab-secondary{transform:scale(1)!important;opacity:1!important}.fab-main{display:none!important}.bottom-nav{position:static!important;box-shadow:none;border-top:1px solid var(--border);margin-top:2rem}.summary-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.logout-btn-mobile{padding:.25rem .75rem;background:var(--danger);color:#fff;border:none;border-radius:var(--radius);font-size:.8rem;cursor:pointer}.date-navigation{display:flex;align-items:center;gap:.5rem;background:var(--light);padding:.5rem;border-radius:var(--radius);margin-bottom:1rem;flex-wrap:wrap}.date-nav-btn{padding:.25rem .5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;cursor:pointer;font-weight:700;flex-shrink:0}.date-display{font-size:.9rem;color:var(--dark);font-weight:500;text-align:center;flex:1;min-width:0}.today-btn{padding:.25rem .5rem;background:var(--secondary);color:#fff;border:none;border-radius:var(--radius);font-size:.75rem;cursor:pointer;flex-shrink:0}@media (max-width: 767px){.summary-grid{grid-template-columns:repeat(2,1fr)!important}.container>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.form-row{grid-template-columns:1fr}.date-display{font-size:.8rem;flex:1 1 100%;order:3;margin-top:.25rem}.date-navigation{justify-content:center}}@media (max-width: 375px){.summary-grid{grid-template-columns:1fr!important}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:100%;text-align:center}.login-card h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--primary)}.login-subtitle{color:var(--gray);margin-bottom:2rem}.user-selection{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.user-btn{background:#fff;border:2px solid var(--border);border-radius:var(--radius);padding:1.5rem 1rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem}.user-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow)}.user-btn:active{transform:translateY(0)}.user-btn:disabled{opacity:.5;cursor:not-allowed}.user-icon{font-size:3rem}.user-name{font-size:1.1rem;font-weight:500;color:var(--dark)}.login-error{background:#ffebee;color:var(--danger);padding:.75rem;border-radius:var(--radius);margin-top:1rem}@media (max-width: 480px){.user-selection{grid-template-columns:1fr}}