*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.app-container{background:#f3f4f6;min-height:100vh;padding-bottom:80px}@media (min-width:769px){.app-container{padding-bottom:0}}.auth-bg{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:16px}.card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:20px}@media (min-width:480px){.card{padding:24px}}.btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:14px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{font-size:14px;min-height:40px;padding:10px 16px}.input{-webkit-appearance:none;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input-group{margin-bottom:16px}.input-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.nav{align-items:center;background:#fff;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}@media (min-width:769px){.nav{padding:16px 24px}}.nav-brand{font-size:24px;text-decoration:none}@media (min-width:769px){.nav-brand{font-size:28px}}.nav-links{display:none;gap:8px}@media (min-width:769px){.nav-links{display:flex}}.nav-link{align-items:center;border-radius:10px;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.nav-link.active,.nav-link:hover{background:#f3f4f6;color:#667eea}.mobile-nav{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;left:0;padding:8px 0 calc(8px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:100}@media (min-width:769px){.mobile-nav{display:none}}.mobile-nav-link{-webkit-tap-highlight-color:transparent;align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:500;gap:4px;padding:8px;text-decoration:none}.mobile-nav-link.active{color:#667eea}.mobile-nav-link svg{height:24px;width:24px}.nav-user{align-items:center;display:none;gap:16px}@media (min-width:769px){.nav-user{display:flex}}.nav-user-mobile{align-items:center;display:flex;gap:8px}@media (min-width:769px){.nav-user-mobile{display:none}}.page{margin:0 auto;max-width:1200px;padding:16px}@media (min-width:480px){.page{padding:20px}}@media (min-width:769px){.page{padding:24px}}.page-header{margin-bottom:20px}.page-title{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:4px}@media (min-width:480px){.page-title{font-size:28px;margin-bottom:8px}}.page-subtitle{color:#6b7280;font-size:14px}@media (min-width:480px){.page-subtitle{font-size:16px}}.grid{grid-gap:12px;display:grid;gap:12px}@media (min-width:480px){.grid{gap:16px}}@media (min-width:769px){.grid{gap:24px}}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}@media (min-width:480px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:769px){.grid-3{grid-template-columns:repeat(3,1fr)}}.stat-card{align-items:center;background:#fff;border-radius:12px;display:flex;gap:12px;padding:16px}@media (min-width:480px){.stat-card{border-radius:16px;gap:16px;padding:20px}}.stat-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}@media (min-width:480px){.stat-icon{border-radius:12px;height:48px;width:48px}}.stat-icon svg{height:20px;width:20px}@media (min-width:480px){.stat-icon svg{height:24px;width:24px}}.stat-icon.calories{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.protein{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.carbs{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-icon.fat{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-content h3{color:#1f2937;font-size:20px;font-weight:700}@media (min-width:480px){.stat-content h3{font-size:24px}}.stat-content p{color:#6b7280;font-size:13px}@media (min-width:480px){.stat-content p{font-size:14px}}.meal-list{list-style:none}.meal-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding:14px 12px}@media (min-width:480px){.meal-item{padding:16px}}.meal-item:last-child{border-bottom:none}.meal-info{flex:1 1;min-width:0}.meal-info h4{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:4px}.meal-info p{color:#6b7280;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:480px){.meal-info p{font-size:13px}}.meal-calories{color:#667eea;font-size:16px;font-weight:700;white-space:nowrap}@media (min-width:480px){.meal-calories{font-size:18px}}.photo-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width:480px){.photo-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (min-width:769px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.photo-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;overflow:hidden}.photo-card img{height:150px;object-fit:cover;width:100%}@media (min-width:480px){.photo-card img{height:200px}}.photo-card-info{padding:10px}@media (min-width:480px){.photo-card-info{padding:12px}}.photo-card-info p{color:#6b7280;font-size:12px}@media (min-width:480px){.photo-card-info p{font-size:13px}}.group-card{background:#fff;border-radius:12px;padding:16px;transition:all .2s ease}@media (min-width:480px){.group-card{border-radius:16px;padding:20px}}.group-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.group-card h3{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:6px}@media (min-width:480px){.group-card h3{font-size:18px;margin-bottom:8px}}.group-card p{color:#6b7280;font-size:13px;margin-bottom:10px}@media (min-width:480px){.group-card p{font-size:14px;margin-bottom:12px}}.group-meta{align-items:center;color:#9ca3af;display:flex;font-size:12px;justify-content:space-between}@media (min-width:480px){.group-meta{font-size:13px}}.modal-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:1000}@media (min-width:480px){.modal-overlay{align-items:center;padding:20px}}.modal{-webkit-overflow-scrolling:touch;background:#fff;border-radius:20px 20px 0 0;max-height:90vh;overflow-y:auto;padding:20px;width:100%}@media (min-width:480px){.modal{border-radius:20px;max-width:480px;padding:24px}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}@media (min-width:480px){.modal-header{margin-bottom:20px}}.modal-title{font-size:18px;font-weight:600}@media (min-width:480px){.modal-title{font-size:20px}}.modal-close{-webkit-tap-highlight-color:transparent;background:none;border:none;color:#9ca3af;cursor:pointer;font-size:28px;line-height:1;padding:4px}.date-nav{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}@media (min-width:480px){.date-nav{gap:16px;justify-content:flex-start;margin-bottom:24px}}.date-nav button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:none;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}@media (min-width:480px){.date-nav button{border-radius:10px;height:40px;width:40px}}.date-nav button:hover{background:#f3f4f6;color:#667eea}.date-nav .current-date{color:#1f2937;font-size:16px;font-weight:600;min-width:180px;text-align:center}@media (min-width:480px){.date-nav .current-date{font-size:18px;min-width:auto;text-align:left}}.empty-state{color:#9ca3af;padding:32px 20px;text-align:center}@media (min-width:480px){.empty-state{padding:48px 24px}}.empty-state svg{height:48px;margin-bottom:12px;opacity:.5;width:48px}@media (min-width:480px){.empty-state svg{height:64px;margin-bottom:16px;width:64px}}.empty-state h3{color:#6b7280;font-size:16px;font-weight:600;margin-bottom:6px}@media (min-width:480px){.empty-state h3{font-size:18px;margin-bottom:8px}}.member-list{list-style:none}.member-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 0}@media (min-width:480px){.member-item{flex-wrap:nowrap;padding:16px}}.member-item:last-child{border-bottom:none}.member-info{align-items:center;display:flex;gap:10px}@media (min-width:480px){.member-info{gap:12px}}.member-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}@media (min-width:480px){.member-avatar{font-size:16px;height:40px;width:40px}}.member-stats{display:flex;font-size:12px;gap:12px;padding-left:46px;width:100%}@media (min-width:480px){.member-stats{font-size:13px;gap:16px;padding-left:0;width:auto}}.member-stats span{color:#6b7280}.tabs{background:#f3f4f6;border-radius:12px;display:flex;gap:4px;margin-bottom:20px;padding:4px}@media (min-width:480px){.tabs{margin-bottom:24px}}.tab{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s ease}@media (min-width:480px){.tab{padding:10px 16px}}.tab.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#667eea}.file-upload{-webkit-tap-highlight-color:transparent;border:2px dashed #e5e7eb;border-radius:12px;cursor:pointer;padding:24px 16px;text-align:center;transition:all .2s ease}@media (min-width:480px){.file-upload{padding:32px}}.file-upload:active,.file-upload:hover{background:#667eea0d;border-color:#667eea}.file-upload input{display:none}.file-upload-preview{margin-top:16px}.file-upload-preview img{border-radius:8px;max-height:200px;max-width:100%}.alert{border-radius:10px;font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{align-items:center;display:flex;justify-content:center;padding:32px}@media (min-width:480px){.loading-container{padding:48px}}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}@media (min-width:480px){.action-buttons{gap:12px;margin-bottom:24px}}.action-buttons .btn{flex:1 1;min-width:140px}@media (min-width:480px){.action-buttons .btn{flex:none}}.macro-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}@media (min-width:480px){.macro-grid{gap:12px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.app-container{padding-bottom:calc(80px + env(safe-area-inset-bottom))}@media (min-width:769px){.app-container{padding-bottom:0}}}@media (hover:none){.btn:active,.group-card:active{transform:scale(.98)}}.modal::-webkit-scrollbar{background:#0000;width:0}
/*# sourceMappingURL=main.e0dbd72e.css.map*/