:root{--bg-base:#0b0d11;--bg-card:#13161e;--bg-card-hover:#181c27;--bg-input:#1a1e2a;--border:#252a38;--border-focus:#3d8bff;--accent:#00d4aa;--accent-dim:#00d4aa1f;--accent-glow:#00d4aa40;--gold:#f5c842;--gold-dim:#f5c8421f;--red:#ff5f5f;--red-dim:#ff5f5f1f;--text-primary:#eef0f6;--text-secondary:#8891a8;--text-muted:#555f75;--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-card:0 1px 3px #0006,0 4px 16px #0000004d;--shadow-glow:0 0 24px var(--accent-glow)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:#0b0d11;background:var(--bg-base);color:#eef0f6;color:var(--text-primary);line-height:1.6;min-height:100vh}body,button{font-family:Inter,sans-serif;font-family:var(--font-body)}button{background:none;border:none;cursor:pointer}input,select,textarea{font-family:Inter,sans-serif;font-family:var(--font-body);font-size:14px}a{color:#00d4aa;color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b0d11;background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#252a38;background:var(--border);border-radius:3px}.card{background:#13161e;background:var(--bg-card);border:1px solid #252a38;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px #0006,0 4px 16px #0000004d;box-shadow:var(--shadow-card)}.btn-primary{align-items:center;background:#00d4aa;background:var(--accent);border-radius:8px;border-radius:var(--radius-sm);color:#0b0d11;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:opacity .15s,transform .1s}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{border-radius:8px;border-radius:var(--radius-sm);color:#8891a8;color:var(--text-secondary);font-size:14px;padding:8px 14px;transition:background .15s,color .15s}.btn-ghost:hover{background:#1a1e2a;background:var(--bg-input);color:#eef0f6;color:var(--text-primary)}.btn-danger{border-radius:8px;border-radius:var(--radius-sm);color:#ff5f5f;color:var(--red);font-size:13px;padding:6px 10px;transition:background .15s}.btn-danger:hover{background:#ff5f5f1f;background:var(--red-dim)}.input-field{background:#1a1e2a;background:var(--bg-input);border:1px solid #252a38;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#eef0f6;color:var(--text-primary);font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.input-field:focus{border-color:#3d8bff;border-color:var(--border-focus)}.input-field::placeholder{color:#555f75;color:var(--text-muted)}.label{color:#8891a8;color:var(--text-secondary);display:block;font-size:12px;font-weight:500;letter-spacing:.06em;margin-bottom:6px}.label,.tag{text-transform:uppercase}.tag{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.05em;padding:3px 8px}.tag-accent{background:#00d4aa1f;background:var(--accent-dim);color:#00d4aa;color:var(--accent)}.tag-gold{background:#f5c8421f;background:var(--gold-dim);color:#f5c842;color:var(--gold)}.tag-red{background:#ff5f5f1f;background:var(--red-dim);color:#ff5f5f;color:var(--red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease both}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #00d4aa40;box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 20px 4px #00d4aa40;box-shadow:0 0 20px 4px var(--accent-glow)}}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;min-height:100vh;padding:24px 16px;position:fixed;top:0;width:220px;z-index:100}.sidebar-logo{border-bottom:1px solid var(--border);gap:12px;margin-bottom:20px;padding:8px 8px 28px}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:var(--accent);border-radius:10px;color:#0b0d11;flex-shrink:0;height:36px;justify-content:center;width:36px}.logo-text{display:flex;flex-direction:column;gap:1px}.logo-name{color:var(--text-primary);font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1}.logo-tagline{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.05em}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px}.nav-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;position:relative;text-align:left;transition:background .15s,color .15s;width:100%}.nav-item:hover{background:var(--bg-input);color:var(--text-primary)}.nav-item.active{background:var(--accent-dim);color:var(--accent)}.nav-indicator{background:var(--accent);border-radius:2px 0 0 2px;height:20px;position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:3px}.sidebar-footer{border-top:1px solid var(--border);padding-top:16px}.sidebar-footer-text{color:var(--text-muted);font-size:11px}.dashboard{max-width:900px}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:28px}.dashboard-title{color:var(--text-primary);font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.1}.dashboard-date{color:var(--text-secondary);font-size:14px;margin-top:4px}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.stat-card{align-items:center;display:flex;gap:16px;padding:20px;transition:background .15s,transform .15s}.stat-card:hover{background:var(--bg-card-hover);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-body{min-width:0}.stat-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.1}.stat-sub{color:var(--text-secondary);font-size:12px;margin-top:2px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:240px 1fr;margin-bottom:20px}.dashboard-calorie-card,.dashboard-chart-card{padding:24px}.calorie-ring-wrap{display:flex;justify-content:center;margin-bottom:20px}.calorie-ring{height:140px;width:140px}.calorie-breakdown{display:flex;justify-content:space-around}.calorie-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.calorie-stat-label{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.calorie-stat-val{color:var(--text-primary);font-family:var(--font-display);font-size:20px;font-weight:700}.calorie-stat-val.accent{color:var(--accent)}.calorie-stat-val.red{color:var(--red)}.chart-goal-note{color:var(--text-muted);font-size:11px;margin-top:8px;text-align:right}.chart-tooltip{border-radius:var(--radius-sm)!important;padding:8px 12px}.chart-tooltip-date{color:var(--text-muted);font-size:11px}.chart-tooltip-val{color:var(--accent);font-size:14px;font-weight:600}.recent-card{padding:24px}.recent-list{display:flex;flex-direction:column;gap:10px}.recent-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:8px 0}.recent-item:last-child{border-bottom:none;padding-bottom:0}.recent-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.recent-text{display:flex;flex:1 1;flex-direction:column;gap:1px}.recent-name{color:var(--text-primary);font-size:14px;font-weight:500}.recent-meta{color:var(--text-secondary);font-size:12px}.recent-date{color:var(--text-muted);flex-shrink:0;font-size:12px}.empty-state{padding:32px 0}@media (max-width:768px){.dashboard-grid,.stat-grid{grid-template-columns:1fr}}.barcode-scanner-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:500}.barcode-scanner-modal{display:flex;flex-direction:column;gap:0;max-height:90vh;max-width:460px;overflow-y:auto;width:100%}.barcode-scanner-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 20px 14px}.barcode-scanner-title-row{align-items:center;display:flex;gap:8px}.barcode-scanner-title{color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:600}.barcode-close-btn{color:var(--text-muted);padding:6px}.barcode-viewfinder{background:#000;overflow:hidden;position:relative}.barcode-viewfinder.visible{display:block;height:260px}.barcode-viewfinder.hidden{display:none}.barcode-video{display:block;height:100%;object-fit:cover;width:100%}.barcode-target{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.barcode-target-corner{border-color:var(--accent);border-style:solid;height:22px;position:absolute;width:22px}.barcode-target-corner.tl{border-radius:3px 0 0 0;border-width:3px 0 0 3px;left:48px;top:28px}.barcode-target-corner.tr{border-radius:0 3px 0 0;border-width:3px 3px 0 0;right:48px;top:28px}.barcode-target-corner.bl{border-radius:0 0 0 3px;border-width:0 0 3px 3px;bottom:44px;left:48px}.barcode-target-corner.br{border-radius:0 0 3px 0;border-width:0 3px 3px 0;bottom:44px;right:48px}.barcode-scan-line{animation:scanDown 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,var(--accent),#0000);box-shadow:0 0 8px var(--accent);height:2px;left:52px;position:absolute;right:52px;top:28px}@keyframes scanDown{0%{opacity:.8;top:32px}50%{opacity:1;top:calc(100% - 52px)}to{opacity:.8;top:32px}}.barcode-hint{background:#0006;bottom:10px;color:#ffffffb3;font-size:12px;left:0;padding:4px 0;position:absolute;right:0;text-align:center}.barcode-status{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;font-size:14px;gap:12px;padding:32px 20px;text-align:center}.barcode-status.error{gap:14px}.barcode-spinner{animation:spin 1s linear infinite;color:var(--accent)}.barcode-error-text{color:var(--text-secondary);font-size:13px;line-height:1.5;max-width:300px}.product-confirm-card{display:flex;flex-direction:column;gap:16px;padding:20px}.product-confirm-header{align-items:flex-start;display:flex;gap:12px}.product-confirm-img{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;height:56px;object-fit:contain;width:56px}.product-confirm-info{flex:1 1;min-width:0}.product-confirm-name{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.3;margin-bottom:2px}.product-confirm-brand{color:var(--text-secondary);font-size:12px;margin-bottom:2px}.product-confirm-barcode{color:var(--text-muted);font-family:monospace;font-size:11px}.product-confirm-check{flex-shrink:0;padding-top:2px}.serving-adjuster{display:flex;flex-direction:column;gap:6px}.serving-adjuster-row{align-items:center;display:flex;gap:10px}.serving-btn{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:18px;font-weight:600;height:32px;justify-content:center;line-height:1;transition:background .15s;width:32px}.serving-btn:hover{background:var(--border)}.serving-val{color:var(--accent);font-family:var(--font-display);font-size:20px;font-weight:700;min-width:40px;text-align:center}.serving-size-label{color:var(--text-muted);font-size:12px}.product-macros{align-items:center;background:var(--bg-input);border-radius:var(--radius-sm);display:flex;gap:16px;padding:14px 16px}.product-macro-main{align-items:baseline;display:flex;flex-shrink:0;gap:4px}.product-cal-big{color:var(--accent);font-family:var(--font-display);font-size:36px;font-weight:700;line-height:1}.product-cal-unit{color:var(--text-muted);font-size:13px}.product-macro-bars{display:flex;flex:1 1;flex-direction:column;gap:6px}.product-macro-bar-row{align-items:center;display:flex;gap:8px}.product-macro-label{flex-shrink:0;font-size:11px;font-weight:600;width:44px}.product-macro-label.protein{color:#a78bfa}.product-macro-label.carbs{color:var(--accent)}.product-macro-label.fat{color:var(--gold)}.product-macro-track{background:var(--border);border-radius:3px;flex:1 1;height:5px;overflow:hidden}.product-macro-fill{border-radius:3px;height:100%;transition:width .3s ease}.product-macro-fill.protein{background:#a78bfa}.product-macro-fill.carbs{background:var(--accent)}.product-macro-fill.fat{background:var(--gold)}.product-macro-val{color:var(--text-secondary);flex-shrink:0;font-size:12px;font-weight:600;text-align:right;width:36px}.product-micros{display:flex;flex-wrap:wrap;gap:12px}.product-micro{background:var(--bg-input);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:12px;padding:4px 10px}.product-confirm-actions{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.product-confirm-btn{flex:1 1;justify-content:center;padding:11px 16px}.premium-gate-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:600}.premium-gate-modal{align-items:center;animation:gateIn .3s cubic-bezier(.34,1.56,.64,1) both;border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-dim),0 24px 64px #0009,var(--shadow-glow);display:flex;flex-direction:column;gap:18px;max-width:420px;padding:32px 28px 28px;position:relative;text-align:center;width:100%}@keyframes gateIn{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}.premium-gate-modal.shake{animation:shake .45s ease both}.premium-gate-close{color:var(--text-muted);padding:6px;position:absolute;right:14px;top:14px}.premium-gate-top{align-items:center;display:flex;flex-direction:column;gap:10px}.premium-gate-icon-wrap{border-radius:20px;height:64px;justify-content:center;width:64px}.premium-gate-badge,.premium-gate-icon-wrap{align-items:center;background:var(--gold-dim);border:1px solid var(--gold);display:flex}.premium-gate-badge{border-radius:20px;color:var(--gold);font-size:11px;font-weight:700;gap:4px;letter-spacing:.08em;padding:3px 10px;text-transform:uppercase}.premium-gate-title{color:var(--text-primary);font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.2}.premium-gate-sub{color:var(--text-secondary);font-size:13px;line-height:1.6;max-width:320px}.premium-price-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:16px 24px;width:100%}.premium-price-row{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:4px}.premium-price{color:var(--gold);font-family:var(--font-display);font-size:38px;font-weight:700;line-height:1}.premium-price-period{color:var(--text-secondary);font-size:15px}.premium-price-note{color:var(--text-muted);font-size:12px}.premium-features-list{display:flex;flex-direction:column;gap:0;width:100%}.premium-feature-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:10px 0;text-align:left}.premium-feature-row:last-child{border-bottom:none}.premium-feature-icon{flex-shrink:0;font-size:18px;text-align:center;width:28px}.premium-feature-text{display:flex;flex:1 1;flex-direction:column;gap:1px}.premium-feature-label{color:var(--text-primary);font-size:13px;font-weight:600}.premium-feature-desc{color:var(--text-muted);font-size:11px}.btn-premium-cta{align-items:center;background:linear-gradient(135deg,#f5c842,#e8a500);border:none;border-radius:var(--radius-sm);box-shadow:0 4px 20px #f5c8424d;color:#0b0d11;cursor:pointer;display:flex;font-family:var(--font-display);font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;transition:opacity .15s,transform .1s;width:100%}.btn-premium-cta:hover{opacity:.92;transform:translateY(-1px)}.premium-code-link{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:0;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.premium-code-link:hover{color:var(--text-secondary)}.premium-code-form{align-items:center;flex-direction:column}.premium-code-form,.premium-code-input-row{display:flex;gap:8px;width:100%}.premium-code-input{flex:1 1;font-weight:600;letter-spacing:.1em;text-align:center}.premium-code-input.has-error{border-color:var(--red)!important}.premium-code-submit{flex-shrink:0;white-space:nowrap}.premium-code-error{color:var(--red);font-size:12px}.premium-code-cancel{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:0;text-decoration:underline;text-underline-offset:3px}.food-log{max-width:820px}.page-header{margin-bottom:24px}.page-title{font-family:var(--font-display);font-size:28px;font-weight:700}.page-sub{color:var(--text-secondary);font-size:14px;margin-top:4px}.food-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.date-picker-wrap{display:flex;flex-direction:column}.date-input{color-scheme:dark;width:auto}.goal-display{align-items:center;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 12px;transition:background .15s}.goal-display:hover{background:var(--bg-input);color:var(--text-primary)}.goal-edit-hint{color:var(--accent);font-size:11px;margin-left:4px}.goal-edit-card{margin-bottom:16px;padding:16px}.goal-edit-row{align-items:center;display:flex;gap:10px;margin-top:8px}.macro-editor-card{margin-bottom:16px;padding:24px}.macro-editor-title{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:4px}.macro-editor-sub{color:var(--text-secondary);font-size:13px;margin-bottom:20px}.macro-goals-editor{display:flex;flex-direction:column;gap:16px}.macro-sliders{gap:14px}.macro-slider-row,.macro-sliders{display:flex;flex-direction:column}.macro-slider-row{gap:6px}.macro-slider-header{align-items:center;display:flex;gap:10px}.macro-slider-label{font-size:13px;font-weight:600;min-width:56px}.macro-slider-pct{color:var(--text-primary);font-family:var(--font-display);font-size:18px;font-weight:700;min-width:44px}.macro-slider-grams{color:var(--text-muted);font-size:12px}.macro-range{-webkit-appearance:none;appearance:none;background:var(--border);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.macro-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:2px solid var(--bg-card);border-radius:50%;cursor:pointer;height:18px;width:18px}.macro-bar-preview{border-radius:5px;display:flex;gap:0;height:10px;margin:4px 0;overflow:hidden}.macro-bar-preview div{height:100%;transition:width .3s ease}.macro-total{border-radius:var(--radius-sm);font-size:13px;font-weight:600;padding:8px 12px}.macro-total.valid{background:var(--accent-dim);color:var(--accent)}.macro-total.invalid{background:var(--red-dim);color:var(--red)}.calorie-progress-card{margin-bottom:16px;padding:20px}.calorie-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.calorie-progress-label{align-items:center;display:flex;font-size:14px;font-weight:600;gap:6px}.calorie-progress-status{color:var(--accent);font-size:13px;font-weight:600}.calorie-progress-status.over{color:var(--red)}.progress-bar-track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .4s ease}.progress-bar-fill.over{background:var(--red)}.macro-bars-card{margin-bottom:16px;padding:20px}.macro-bars-title{color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:600;margin-bottom:14px}.macro-bars-list{gap:12px;margin-bottom:20px}.macro-bar-row,.macro-bars-list{display:flex;flex-direction:column}.macro-bar-row{gap:5px}.macro-bar-info{align-items:center;display:flex;gap:8px}.macro-bar-label{font-size:12px;font-weight:600;min-width:52px}.macro-bar-val{color:var(--text-secondary);font-size:13px}.macro-bar-goal{color:var(--text-muted)}.macro-bar-over{color:var(--red);font-size:11px}.macro-bar-track{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.macro-bar-fill{border-radius:3px;height:100%;transition:width .4s ease}.micro-section{border-top:1px solid var(--border);padding-top:14px}.micro-title{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.07em;margin-bottom:10px;text-transform:uppercase}.micro-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.micro-item{background:var(--bg-input);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:3px;padding:10px}.micro-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.micro-val{color:var(--text-primary);font-family:var(--font-display);font-size:18px;font-weight:700}.micro-note{color:var(--text-muted);font-size:10px}.water-tracker{margin-bottom:16px;padding:20px}.water-header{justify-content:space-between;margin-bottom:14px}.water-header,.water-title-row{align-items:center;display:flex}.water-title-row{gap:8px}.water-title{font-family:var(--font-display);font-size:14px;font-weight:600}.water-goal-btn{align-items:center;display:flex;font-size:12px;gap:5px}.water-goal-edit{margin-bottom:14px}.water-goal-hint{color:var(--text-muted);font-size:11px;margin-top:6px}.water-progress-wrap{margin-bottom:14px}.water-stats-row{align-items:baseline;display:flex;gap:6px;margin-bottom:8px}.water-stat-main{color:#38bdf8;font-family:var(--font-display);font-size:28px;font-weight:700}.water-unit{font-size:14px;font-weight:400;margin-left:2px}.water-stat-sep{color:var(--text-muted);font-size:16px}.water-stat-goal{color:var(--text-secondary);font-size:16px}.water-stat-extra{color:var(--text-muted);font-size:12px;margin-left:8px}.water-progress-track{background:var(--border);border-radius:5px;height:10px;overflow:hidden}.water-progress-fill{background:#38bdf8;border-radius:5px;height:100%;transition:width .4s ease}.water-complete{font-size:13px;margin-top:6px}.water-quick-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.water-quick-btn{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:#38bdf8;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;transition:background .15s}.water-quick-btn:hover{background:#38bdf81f}.water-custom-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.water-custom-input{max-width:120px}.water-drops{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.water-drop{font-size:18px;opacity:.2;transition:opacity .2s}.water-drop.filled{opacity:1}.water-complete{color:#38bdf8;font-size:12px;font-weight:600;margin-left:6px}.add-food-card{margin-bottom:16px;padding:24px}.food-search-wrap{margin-bottom:16px;position:relative}.food-search-input-wrap{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);left:12px;pointer-events:none;position:absolute}.food-search-input{padding-left:36px!important}.search-loader{animation:spin 1s linear infinite;color:var(--accent);position:absolute;right:12px}.food-search-results{display:flex;flex-direction:column;left:0;max-height:300px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.food-result-item{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px 12px;text-align:left;transition:background .12s;width:100%}.food-result-item:hover{background:var(--bg-input)}.food-result-name{color:var(--text-primary);font-size:13px;font-weight:500}.food-result-meta{color:var(--text-muted);font-size:11px}.food-result-brand{color:var(--text-secondary)}.food-result-macros,.food-result-per{color:var(--text-muted)}.food-result-per{font-style:italic}.food-no-results{color:var(--text-muted);font-size:13px;padding:12px;text-align:center}.manual-divider{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:12px;margin:16px 0}.manual-divider:after,.manual-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.food-form{display:flex;flex-direction:column;gap:12px}.add-food-btn{align-self:flex-start;margin-top:4px}.food-entries-card{padding:24px}.food-entries-list{display:flex;flex-direction:column}.food-entry{border-bottom:1px solid var(--border)}.food-entry:last-child{border-bottom:none}.food-entry-main{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:11px 0}.food-entry-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.food-entry-name{color:var(--text-primary);font-size:14px;font-weight:500}.food-entry-notes{color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.food-entry-macros{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:5px}.food-macro-chip{border-radius:20px;font-size:11px;font-weight:600;padding:2px 7px}.food-macro-chip.cal{background:var(--accent-dim);color:var(--accent)}.food-macro-chip.protein{background:#a78bfa1f;color:#a78bfa}.food-macro-chip.carbs{background:var(--accent-dim);color:var(--accent);opacity:.8}.food-macro-chip.fat{background:var(--gold-dim);color:var(--gold)}.food-expand-btn{align-items:center;color:var(--text-muted);cursor:pointer;display:flex}.food-entry-micros{border-top:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:12px;gap:16px;padding:8px 0 12px}.empty-state{color:var(--text-muted);flex-direction:column;font-size:14px;gap:8px;padding:40px 0;text-align:center}.add-food-header,.empty-state{align-items:center;display:flex}.add-food-header{justify-content:space-between;margin-bottom:16px}.btn-barcode{align-items:center;background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:opacity .15s,transform .1s}.btn-barcode:hover{opacity:.85;transform:translateY(-1px)}.recent-foods-section{margin-bottom:16px}.recent-foods-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.recent-toggle{color:var(--accent);font-size:12px;padding:2px 8px}.recent-foods-grid{display:flex;flex-direction:column;gap:5px}.recent-food-chip{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:9px 14px;text-align:left;transition:background .15s,border-color .15s;width:100%}.recent-food-chip:hover{background:var(--bg-card-hover);border-color:var(--accent)}.recent-food-name{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-food-cal{color:var(--accent);flex-shrink:0;font-size:12px;font-weight:600}.premium-lock-icon{font-size:12px;margin-left:2px}.meal-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.meal-tab{background:var(--bg-input);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:all .15s;white-space:nowrap}.meal-tab:hover{border-color:var(--accent);color:var(--text-primary)}.meal-tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.entries-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.meal-groups{gap:20px}.meal-group,.meal-groups{display:flex;flex-direction:column}.meal-group-header{align-items:center;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:4px;padding-bottom:8px}.meal-group-title{color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:700}.meal-group-cals{background:var(--accent-dim);border-radius:20px;color:var(--accent);font-size:12px;font-weight:600;padding:2px 8px}.workout-log{max-width:960px}.workout-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 280px}.workout-main{display:flex;flex-direction:column;gap:16px}.add-workout-card{padding:24px}.exercises-section{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.exercise-editor{background:var(--bg-base)!important;padding:14px}.exercise-header{display:flex;gap:8px;margin-bottom:10px}.exercise-name-input{flex:1 1;font-weight:500}.sets-list{flex-direction:column;margin-bottom:8px}.set-row,.sets-list{display:flex;gap:6px}.set-row{align-items:center}.set-num{color:var(--text-muted);flex-shrink:0;font-size:11px;width:44px}.set-input{flex-shrink:0;text-align:center;width:72px}.set-sep{font-size:14px}.add-set-btn,.set-sep{color:var(--text-muted)}.add-set-btn{font-size:12px;padding:5px 8px}.add-exercise-btn{align-self:flex-start;color:var(--accent)}.save-workout-btn{justify-content:center;padding:12px;width:100%}.section-title-bare{color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:600;margin-bottom:12px}.past-workouts-section{display:flex;flex-direction:column;gap:8px}.workout-card{overflow:hidden}.workout-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background .15s}.workout-card-header:hover{background:var(--bg-card-hover)}.workout-card-left{align-items:center;display:flex;gap:12px}.workout-icon{align-items:center;background:#a78bfa26;border-radius:10px;color:#a78bfa;display:flex;height:36px;justify-content:center;width:36px}.workout-card-name{color:var(--text-primary);font-size:14px;font-weight:600}.workout-card-meta{color:var(--text-muted);font-size:12px;margin-top:2px}.workout-card-right{align-items:center;color:var(--text-muted);display:flex;gap:8px}.workout-card-body{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}.workout-notes{color:var(--text-secondary);font-size:13px;font-style:italic}.workout-ex{display:flex;flex-direction:column;gap:6px}.workout-ex-name{color:var(--text-primary);font-size:13px;font-weight:600}.workout-sets{display:flex;flex-wrap:wrap;gap:6px}.set-badge{background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;padding:3px 8px}.workout-side{position:-webkit-sticky;position:sticky;top:24px}.bw-card{padding:20px}.bw-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.bw-save-btn{font-size:13px;justify-content:center;padding:10px;width:100%}.bw-chart-wrap{margin-bottom:16px}.bw-chart-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.bw-list{display:flex;flex-direction:column;gap:0}.bw-entry{gap:8px}.bw-entry-date{color:var(--text-muted);flex:1 1;font-size:12px}.bw-entry-val{color:#a78bfa;font-size:13px;font-weight:600}.bw-empty{color:var(--text-muted);font-size:13px;padding:12px 0;text-align:center}@media (max-width:768px){.workout-layout{grid-template-columns:1fr}.workout-side{position:static}}.pr-toast{align-items:flex-start;animation:slideInRight .3s ease both;background:var(--bg-card);border:1px solid var(--gold);border-radius:var(--radius);bottom:28px;box-shadow:0 8px 32px #00000080,0 0 0 1px var(--gold-dim);display:flex;gap:12px;max-width:320px;padding:16px 18px;position:fixed;right:28px;z-index:999}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.pr-toast-icon{flex-shrink:0;font-size:24px}.pr-toast-body{flex:1 1}.pr-toast-title{color:var(--gold);font-family:var(--font-display);font-size:14px;font-weight:700;margin-bottom:4px}.pr-toast-detail{color:var(--text-primary);font-size:13px}.pr-toast-prev{color:var(--text-muted);font-size:12px}.pr-toast-close{color:var(--text-muted);flex-shrink:0;padding:2px}.pr-toast-close:hover{color:var(--text-primary)}.split-builder{margin-bottom:20px;padding:20px}.split-header{justify-content:space-between;margin-bottom:14px}.split-header,.split-title-row{align-items:center;display:flex}.split-title-row{gap:8px}.split-title{color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:600}.split-new-btn{color:var(--accent);font-size:12px;gap:4px}.split-new-btn,.today-banner{align-items:center;display:flex}.today-banner{background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-sm);justify-content:space-between;margin-bottom:14px;padding:12px 16px}.today-banner-left{display:flex;flex-direction:column;gap:2px}.today-banner-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.today-banner-workout{color:var(--accent);font-family:var(--font-display);font-size:20px;font-weight:700}.today-banner-workout.rest{color:var(--text-secondary)}.today-banner-badge{background:var(--bg-card);border:1px solid var(--accent);border-radius:20px;color:var(--accent);font-size:13px;font-weight:600;padding:4px 10px}.today-banner-badge.rest{border-color:var(--border);color:var(--text-muted)}.split-form{display:flex;flex-direction:column;gap:12px}.day-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.day-row{display:flex;flex-direction:column;gap:4px}.day-label{color:var(--text-muted);font-size:11px;font-weight:700;text-align:center;text-transform:uppercase}.day-input{font-size:12px!important;padding:6px 4px!important;text-align:center}.split-form-actions{align-items:center;display:flex;gap:8px}.splits-list{display:flex;flex-direction:column;gap:8px}.split-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;transition:border-color .15s}.split-item.active{background:var(--accent-dim);border-color:var(--accent)}.split-item-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.split-item-name{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:0}.split-check{color:var(--accent)}.split-item-actions{align-items:center;display:flex;gap:4px}.split-edit-btn{color:var(--text-muted);font-size:12px;padding:4px 8px}.split-week-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-top:8px}.split-day-chip{align-items:center;background:var(--bg-input);border:1px solid #0000;border-radius:6px;display:flex;flex-direction:column;gap:2px;padding:6px 4px}.split-day-chip.today{background:var(--bg-card);border-color:var(--accent)}.split-day-chip.rest{opacity:.5}.split-day-name{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.split-day-workout{color:var(--text-primary);font-size:10px;font-weight:600;line-height:1.2;text-align:center}.split-day-chip.today .split-day-name,.split-day-chip.today .split-day-workout{color:var(--accent)}.split-empty{color:var(--text-muted);font-size:13px;padding:8px 0}.set-row.pr-set .set-input:first-of-type{border-color:var(--gold);color:var(--gold)}.set-pr-badge{font-size:14px}.exercise-prev-best{background:var(--bg-input);border-radius:20px;color:var(--text-muted);font-size:11px;padding:2px 8px;white-space:nowrap}.exercises-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.pr-hint{color:var(--gold);font-size:11px}.split-autofill-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;margin-top:5px;padding:0;text-align:left;text-decoration:underline;text-underline-offset:3px}.pr-board{margin-top:0;padding:18px}.pr-list{display:flex;flex-direction:column;gap:0}.pr-entry{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.pr-entry:last-child{border-bottom:none}.pr-exercise{color:var(--text-primary);font-size:13px;text-transform:capitalize}.pr-weight{color:var(--gold);font-family:var(--font-display);font-size:14px;font-weight:700}.bw-stats-strip{border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:0;margin-bottom:16px;overflow:hidden}.bw-stat{align-items:center;border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;gap:2px;padding:10px 8px}.bw-stat:last-child{border-right:none}.bw-stat-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bw-stat-val{color:var(--text-primary);font-family:var(--font-display);font-size:17px;font-weight:700}.bw-stat-val.down{color:var(--accent)}.bw-stat-val.up{color:var(--red)}.bw-history{margin-top:4px}.bw-history-list{display:flex;flex-direction:column;max-height:280px;overflow-y:auto;padding-right:2px}.bw-entry{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.bw-entry:last-child{border-bottom:none}.bw-entry-right{align-items:center;display:flex;gap:10px}.bw-change{border-radius:20px;font-size:12px;font-weight:700;padding:1px 6px}.bw-change.down{background:var(--accent-dim);color:var(--accent)}.bw-change.up{background:var(--red-dim);color:var(--red)}.bw-change.same{background:var(--bg-input);color:var(--text-muted)}.expenses{max-width:960px}.expense-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.expense-summary-card{padding:20px}.summary-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.summary-value{color:var(--text-primary);font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.1;margin-bottom:4px}.summary-value.gold{color:var(--gold)}.summary-value.accent{color:var(--accent)}.summary-value.muted{color:var(--text-muted)}.summary-sub{color:var(--text-secondary);font-size:12px}.expenses-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 280px}.expenses-main{display:flex;flex-direction:column;gap:16px}.add-expense-card,.expense-list-card{padding:24px}.expense-list{display:flex;flex-direction:column}.expense-entry{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 0}.expense-entry:last-child{border-bottom:none}.expense-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.expense-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.expense-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-meta{color:var(--text-muted);font-size:12px}.expense-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.expense-amount{color:var(--gold);font-family:var(--font-display);font-size:14px;font-weight:600}.expense-cpc{background:var(--bg-input);border-radius:4px;color:var(--text-muted);font-size:11px;padding:2px 6px}.expenses-side{display:flex;flex-direction:column;gap:16px;position:-webkit-sticky;position:sticky;top:24px}.category-chart-card{padding:20px}.insight-card{background:var(--accent-dim)!important;border-color:var(--accent);padding:16px}.insight-header{align-items:center;color:var(--accent);display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.insight-text{color:var(--text-primary);font-size:13px;line-height:1.5;margin-bottom:8px}.insight-text .accent{color:var(--accent)}.insight-sub{color:var(--text-muted);font-size:11px}@media (max-width:768px){.expense-summary,.expenses-layout{grid-template-columns:1fr}.expenses-side{position:static}}.add-expense-tabs{display:flex;gap:8px;margin-bottom:12px}.expense-tab{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:all .15s}.expense-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.expense-tab.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.receipt-scanner{margin-bottom:16px;padding:24px}.scanner-header{margin-bottom:20px}.scanner-title-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.scanner-title{color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:600}.scanner-badge{background:var(--accent-dim);border-radius:20px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.07em;padding:2px 7px;text-transform:uppercase}.scanner-sub{color:var(--text-secondary);font-size:13px;line-height:1.5}.scanner-upload-zone{align-items:center;border:2px dashed var(--border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:40px 24px;transition:border-color .15s,background .15s}.scanner-upload-zone:hover{background:var(--accent-dim);border-color:var(--accent)}.scanner-upload-label{color:var(--text-primary);font-size:14px;font-weight:600}.scanner-upload-hint{color:var(--text-muted);font-size:12px}.scanner-preview{align-items:center;display:flex;flex-direction:column;gap:16px}.scanner-preview-img{border:1px solid var(--border);border-radius:var(--radius);max-height:320px;max-width:100%;object-fit:contain}.scanner-preview-actions{display:flex;gap:10px}.scanner-loading{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 0}.scanner-spinner{animation:spin 1s linear infinite;color:var(--accent)}@keyframes spin{to{transform:rotate(1turn)}}.scanner-loading-text{color:var(--text-primary);font-size:15px;font-weight:600}.scanner-loading-sub{color:var(--text-muted);font-size:13px}.scanner-error{align-items:center;display:flex;flex-direction:column;gap:12px;padding:16px 0;text-align:center}.scanner-error-text{color:var(--red);font-size:14px;font-weight:500}.scanner-error-tips{background:var(--bg-input);border-radius:var(--radius-sm);max-width:360px;padding:14px 16px;text-align:left;width:100%}.scanner-tips-title{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.scanner-error-tips ul{display:flex;flex-direction:column;gap:4px;padding-left:16px}.scanner-error-tips li{color:var(--text-secondary);font-size:13px}.scanner-review{display:flex;flex-direction:column;gap:14px}.scanner-review-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.scanner-review-meta{align-items:center;display:flex;gap:8px}.scanner-found-text{color:var(--accent);font-size:14px;font-weight:600}.scanner-review-date{align-items:center;display:flex;gap:8px}.scanner-review-hint{color:var(--text-muted);font-size:12px}.scanned-items-list{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto;padding-right:2px}.scanned-item{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;gap:10px;padding:8px 10px;transition:opacity .15s}.scanned-item.deselected{opacity:.4}.scanned-item-check{accent-color:var(--accent);cursor:pointer;flex-shrink:0;height:16px;width:16px}.scanned-item-fields{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.scanned-name-input{flex:3 1;font-size:13px!important;min-width:140px;padding:6px 10px!important}.scanned-cat-input{flex:2 1;font-size:12px!important;min-width:120px;padding:6px 10px!important}.scanned-price-wrap{align-items:center;display:flex;flex-shrink:0;gap:2px}.scanned-price-dollar{color:var(--text-muted);font-size:13px}.scanned-price-input{color:var(--gold)!important;font-size:13px!important;font-weight:600;padding:6px 8px!important;width:72px}.scanner-confirm-row{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding-top:14px}.scanner-total{display:flex;flex-direction:column;gap:2px}.scanner-total-label{color:var(--text-muted);font-size:12px}.scanner-total-val{color:var(--gold);font-family:var(--font-display);font-size:22px;font-weight:700}.scanner-confirm-actions{display:flex;gap:8px}.scanner-tip-card{padding:16px}.scanner-tips-list{display:flex;flex-direction:column;gap:5px;margin-top:8px;padding-left:16px}.scanner-tips-list li{color:var(--text-secondary);font-size:12px}.app-shell{display:flex;min-height:100vh}.app-main{background:var(--bg-base);flex:1 1;margin-left:220px;min-height:100vh}.app-content{max-width:1100px;padding:36px 40px}.form-group{display:flex;flex-direction:column}.form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.flex-1{flex:1 1;min-width:90px}.flex-2{flex:2 1;min-width:120px}.flex-3{flex:3 1;min-width:180px}.form-submit{justify-content:flex-end}.section-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-display);font-size:15px;font-weight:600;gap:8px;margin-bottom:16px}.entry-count{background:var(--bg-input);border-radius:20px;color:var(--text-muted);font-size:11px;font-weight:500;padding:2px 8px}@media (max-width:768px){.app-main{margin-left:0}.app-content{padding:20px 16px}}