:root{--green-900: #1b5e20;--green-700: #2e7d32;--green-500: #4caf50;--brown-900: #3e2723;--beige-50: #f5f5dc;--white: #fff;--shadow-soft: 0 18px 40px rgba(62, 39, 35, .12);--shadow-card: 0 10px 24px rgba(27, 94, 32, .12);--radius-xl: 28px;--radius-md: 16px;--transition-smooth: .36s cubic-bezier(.22, 1, .36, 1);--color-protein: #2e7d32;--color-carb: #8d6e63;--color-fat: #558b2f;--color-calories: #1b5e20}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Poppins,Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top,rgba(76,175,80,.2),transparent 36%),linear-gradient(180deg,#fbf9ed,beige 52%,#efe8cc);color:var(--brown-900)}body{padding:20px 12px}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;width:100%;max-width:430px;margin:0 auto;min-height:calc(100vh - 40px);background:linear-gradient(180deg,#ffffffd6,#fffffff0),var(--beige-50);border:1px solid rgba(27,94,32,.08);border-radius:34px;box-shadow:var(--shadow-soft);overflow:hidden;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 15%,rgba(76,175,80,.18),transparent 28%),radial-gradient(circle at 85% 10%,rgba(27,94,32,.15),transparent 24%);pointer-events:none}.status-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);width:34%;height:5px;background:#3e27231f;border-radius:999px;z-index:8}.app-inner{position:relative;display:flex;flex-direction:column;min-height:100%;padding:max(26px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom));z-index:1}.topbar{padding-top:18px;margin-bottom:18px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.brand-row-right{display:flex;align-items:center;gap:10px}.brand-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:#ffffffb8;color:var(--green-900);box-shadow:0 8px 18px #1b5e2014;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--green-900),var(--green-500));color:var(--white);font-size:.8rem;font-weight:800}.brand-logo{height:26px;width:auto;display:block}.step-indicator{font-size:.82rem;font-weight:700;color:#3e2723bd;min-width:78px;text-align:right}.progress-track{width:100%;height:10px;background:#1b5e2014;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #3e27230f}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green-900),var(--green-700),var(--green-500));border-radius:inherit;transition:width var(--transition-smooth)}.screen-frame{position:relative}.screen{display:flex;flex-direction:column;gap:18px;padding:8px 2px 4px;transition:opacity var(--transition-smooth),transform var(--transition-smooth)}.screen.active{opacity:1;pointer-events:auto}.screen.to-left{opacity:0;pointer-events:none}.hero-card,.panel-card{background:#fffc;border:1px solid rgba(27,94,32,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-card{padding:26px 22px 24px;margin-top:auto}.panel-card{padding:22px 18px 18px}.empty-state{margin-top:10px}.hero-badge,.dashboard-eyebrow,.summary-pill,.chip-button,.meal-action,.buy-link{border-radius:999px}.hero-badge{display:inline-flex;padding:8px 12px;background:#4caf5024;color:var(--green-900);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-title,.panel-title{margin:0;line-height:1.1;color:var(--brown-900)}.hero-title{font-size:clamp(2rem,8vw,2.7rem)}.hero-copy,.panel-copy,.section-head p,.field-hint,.meal-target,.food-main span,.tip-item,.empty-state{color:#3e2723b8;line-height:1.6}.wellness-visual{position:relative;min-height:250px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8),transparent 30%),linear-gradient(145deg,#1b5e20f2,#4caf50db);box-shadow:var(--shadow-card)}.wellness-visual:before,.wellness-visual:after{content:"";position:absolute;border-radius:50%;background:#f5f5dc38}.wellness-visual:before{width:180px;height:180px;right:-40px;top:-38px}.wellness-visual:after{width:140px;height:140px;left:-24px;bottom:-48px}.leaf-cluster{position:absolute;top:18px;right:18px;bottom:18px;left:18px;display:grid;align-content:space-between}.leaf-row{display:flex;justify-content:space-between;align-items:center}.leaf{width:58px;height:28px;border-radius:100px 0;background:#f5f5dcd1;transform:rotate(-18deg);box-shadow:0 6px 16px #00000014}.leaf.small{width:38px;height:18px;transform:rotate(24deg)}.visual-copy{align-self:flex-start;max-width:min(280px,85%);padding:14px 16px;border-radius:22px;background:#ffffff29;color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);word-break:break-word}.visual-copy strong{display:block;font-size:1.1rem;margin-bottom:4px}.field-group,.macro-stack,.tips-list,.meal-list,.product-grid,.dashboard-stack{display:grid;gap:12px}.field-label,.macro-meta strong,.food-main strong,.product-info h4{color:var(--brown-900)}.field-label{font-size:.95rem;font-weight:700}.field-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.forgot-link{background:none;border:none;cursor:pointer;font-size:.78rem;font-weight:700;color:var(--green-900);border-bottom:1.5px solid rgba(27,94,32,.3);padding-bottom:1px;transition:color .18s ease,border-color .18s ease}.forgot-link:hover{color:var(--green-500);border-color:var(--green-500)}.input-shell{position:relative}.input-shell.with-suffix .text-input{padding-right:68px}.input-suffix{position:absolute;top:50%;right:14px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:8px 10px;border-radius:999px;background:#4caf501f;color:var(--green-900);font-size:.82rem;font-weight:700;pointer-events:none}.text-input{width:100%;padding:16px 18px;border:1.5px solid rgba(27,94,32,.12);border-radius:var(--radius-md);background:#f5f5dc73;color:var(--brown-900);outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.text-input:focus{border-color:#1b5e2080;box-shadow:0 0 0 4px #4caf5029;transform:translateY(-1px)}.choice-grid,.segment-grid,.option-grid,.stats-grid,.diet-summary,.dashboard-actions,.diet-toolbar,.footer-actions{display:grid;gap:12px}.choice-grid{grid-template-columns:repeat(3,1fr)}.segment-grid,.dashboard-actions,.diet-summary,.diet-toolbar,.footer-actions,.option-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-actions.single{grid-template-columns:1fr}.diet-summary{margin-top:5px}.choice-button,.unit-button,.option-card,.chip-button,.condition-card,.meal-action,.food-swap{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.choice-button,.unit-button,.chip-button,.meal-action{border:1.5px solid rgba(27,94,32,.12);background:#ffffffb8;color:#3e2723d6;cursor:pointer}.choice-button,.unit-button{border-radius:18px;padding:14px 12px;text-align:center}.food-swap,.meal-top,.brand-row,.summary-row,.sheet-head,.sheet-option-top{min-width:0}.food-main,.sheet-head-text,.admin-cell-email{min-width:0;overflow:hidden}.stats-grid,.dashboard-columns,.dashboard-content,.meal-list,.food-list,.field-group,.option-grid,.macro-stack{min-width:0}.option-card,.condition-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:102px;padding:18px 16px;border:1.5px solid rgba(27,94,32,.12);border-radius:22px;background:#ffffffb8;color:#3e2723d6;text-align:left;cursor:pointer}.option-card strong,.condition-card strong{font-size:1rem;line-height:1.2;color:inherit}.option-card span,.condition-card span{font-size:.84rem;line-height:1.45;color:inherit;opacity:.82}.option-card.wide,.condition-card.wide{grid-column:span 2}.chip-grid,.summary-row,.meal-actions{display:flex;flex-wrap:wrap;gap:10px}.chip-button,.meal-action{padding:11px 14px;font-size:.84rem;font-weight:700}.choice-button:hover,.unit-button:hover,.option-card:hover,.chip-button:hover,.condition-card:hover,.meal-action:hover,.food-swap:hover{transform:translateY(-1px);border-color:#1b5e2033;box-shadow:0 10px 20px #1b5e2014}.choice-button.selected,.unit-button.selected,.option-card.selected,.chip-button.selected,.condition-card.selected{background:linear-gradient(135deg,var(--green-900),var(--green-500));color:var(--white);border-color:var(--green-700);box-shadow:0 14px 24px #1b5e2038}.allergy-extra.hidden{display:none}.insight-strip{display:flex;align-items:center;gap:12px;padding:14px;border-radius:20px;background:#4caf501a;color:#3e2723c7;font-size:.92rem;line-height:1.5}.insight-strip strong{color:var(--green-900)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:20px;padding:16px 18px;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.btn:active{transform:scale(.98)}.btn-primary{color:var(--white);background:linear-gradient(135deg,var(--green-900),var(--green-500));box-shadow:0 16px 28px #1b5e203d}.btn-secondary{color:var(--brown-900);background:#ffffffd1;border:1px solid rgba(27,94,32,.1);box-shadow:0 10px 20px #3e272314}.btn-subtle{color:var(--green-900);background:#4caf501f;box-shadow:none}.btn[disabled]{opacity:.52;cursor:not-allowed;box-shadow:none}.micro-note{margin:0;text-align:center;font-size:.82rem;color:#3e2723a8}.dashboard-screen{padding-bottom:18px}.dashboard-hero{padding:24px 18px 18px;background:radial-gradient(circle at top right,rgba(255,255,255,.25),transparent 32%),linear-gradient(145deg,#1b5e20fa,#4caf50eb);border-color:var(--green-900);color:var(--white)}.dashboard-eyebrow{display:inline-flex;padding:8px 12px;background:#ffffff29;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.dashboard-hero h2{margin:14px 0 8px;font-size:1.85rem;line-height:1.05}.dashboard-hero p{margin:0;color:#ffffffdb;line-height:1.6}.section-card{padding:18px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h3{margin:0;font-size:1rem;color:var(--brown-900)}.stat-card,.diet-summary-card,.meal-card,.product-card,.tip-item,.empty-state{border:1px solid rgba(27,94,32,.08);background:#ffffffc7;box-shadow:0 10px 20px #3e27230f}.stat-card,.diet-summary-card{padding:16px 14px;border-radius:20px}.stat-label{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#3e27239e}.stat-value{display:block;margin-top:8px;font-size:1.45rem;font-weight:700;color:var(--brown-900);line-height:1.1}.stat-sub{margin-top:6px;font-size:.84rem;color:#3e2723b8}.summary-pill{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;background:#4caf501f;color:var(--green-900);font-size:.84rem;font-weight:600}.summary-pill.neutral{background:#3e272314;color:#3e2723c2}.macro-row{display:grid;gap:8px}.macro-meta{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.macro-track{width:100%;height:12px;border-radius:999px;background:#3e272314;overflow:hidden}.macro-fill{height:100%;border-radius:inherit}.macro-fill.protein{background:linear-gradient(90deg,#2e7d32,#66bb6a)}.macro-fill.carb{background:linear-gradient(90deg,#8d6e63,#bcaaa4)}.macro-fill.fat{background:linear-gradient(90deg,#558b2f,#9ccc65)}.meal-list{margin-top:18px}.meal-card{padding:24px 20px;border-radius:32px;background:#ffffffd9;border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 34px #3e27231a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.meal-card:hover{box-shadow:0 20px 48px #3e272324}.meal-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.meal-top h4{margin:0 0 2px;font-size:1.15rem;font-weight:800;letter-spacing:-.01em;color:var(--brown-900)}.meal-target{font-size:.8rem;font-weight:600;color:#3e272373;line-height:1.3}.meal-action{padding:8px 16px;border-radius:14px;background:#3e27230a;color:var(--brown-900);font-size:.82rem;font-weight:700;border:1.5px solid rgba(62,39,35,.08);cursor:pointer;white-space:nowrap;transition:all .2s ease;flex-shrink:0;align-self:center}.meal-action:hover{background:#3e272314;border-color:#3e272326}.food-list{display:grid;gap:14px}.food-swap{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:22px;border:1.5px solid transparent;background:#fff;cursor:pointer;text-align:left;box-shadow:0 4px 12px #3e27230a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.food-swap:hover{transform:scale(1.02);border-color:#1b5e201f;box-shadow:0 12px 28px #3e272314}.food-swap.protein{border-left:5px solid var(--color-protein)}.food-swap.carb{border-left:5px solid var(--color-carb)}.food-swap.fat{border-left:5px solid var(--color-fat)}.food-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.food-name{font-size:1rem;font-weight:700;color:var(--brown-900);line-height:1.25}.food-details{font-size:.8rem;font-weight:500;color:#3e272380;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-calories{min-width:60px;text-align:right;font-size:1.05rem;font-weight:800;color:var(--color-calories);line-height:1.1;flex-shrink:0}.meal-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#4caf501f;font-size:1.1rem}.food-category-tag{display:inline-flex;padding:2px 8px;border-radius:6px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;width:max-content;margin-bottom:2px}.food-category-tag.protein{background:#2e7d321a;color:var(--color-protein)}.food-category-tag.carb{background:#8d6e631a;color:var(--color-carb)}.food-category-tag.fat{background:#558b2f1a;color:var(--color-fat)}.meal-macro-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:#3e27230f;margin-top:14px}.meal-macro-segment{height:100%}.meal-macro-segment.protein{background:var(--color-protein)}.meal-macro-segment.carb{background:var(--color-carb)}.meal-macro-segment.fat{background:var(--color-fat)}.diet-overview{display:grid;grid-template-columns:1fr 1.6fr;gap:12px;margin-top:6px}.diet-cal-card{padding:16px 14px;border-radius:20px;background:#ffffffc7;border:1px solid rgba(27,94,32,.08);box-shadow:0 10px 20px #3e27230f}.diet-cal-row{display:flex;align-items:baseline;gap:5px;margin-top:8px}.diet-cal-unit{font-size:.8rem;font-weight:600;color:#3e272380}.stat-sub--over{color:#c62828}.live-macros-panel{padding:16px 16px 14px;border-radius:20px;background:#ffffffc7;border:1px solid rgba(27,94,32,.08);box-shadow:0 10px 20px #3e27230f;display:flex;flex-direction:column;gap:10px}.live-macros-header{display:flex;justify-content:space-between;align-items:center}.live-macros-note{font-size:.72rem;color:#3e272373;font-weight:500}.live-macro-row{display:grid;gap:5px}.live-macro-meta{display:flex;align-items:center;gap:7px;font-size:.82rem}.live-macro-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.live-macro-dot.protein{background:var(--color-protein)}.live-macro-dot.carb{background:var(--color-carb)}.live-macro-dot.fat{background:var(--color-fat)}.live-macro-label{font-weight:600;color:var(--brown-900);flex:1}.live-macro-grams{font-size:.82rem;color:#3e2723b3}.live-macro-over{color:#c62828}.live-macro-target{color:#3e272366}.meal-macro-chips{display:flex;gap:6px;margin-top:5px;flex-wrap:wrap}.macro-chip{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.02em}.macro-chip.protein{background:#2e7d321a;color:var(--color-protein)}.macro-chip.carb{background:#8d6e631a;color:var(--color-carb)}.macro-chip.fat{background:#558b2f1a;color:var(--color-fat)}.food-macros-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:3px}.food-portion{font-size:.75rem;color:#3e272373;font-weight:500;margin-right:2px}.food-macro-pill{font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:5px}.food-macro-pill.protein{background:#2e7d3214;color:var(--color-protein)}.food-macro-pill.carb{background:#8d6e6314;color:var(--color-carb)}.food-macro-pill.fat{background:#558b2f14;color:var(--color-fat)}.product-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;padding:0}.product-card img{width:100%;height:200px;object-fit:contain;background:linear-gradient(145deg,#f9f7ed,#fff8f2);padding:18px}.product-info{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}.product-info h4{margin:0;font-size:.96rem;line-height:1.25}.product-info p{margin:0;font-size:.82rem;line-height:1.55;flex:1}.buy-link{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:4px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,var(--green-900),var(--green-500));color:var(--white);font-size:.84rem;font-weight:700;text-decoration:none;box-shadow:0 10px 18px #1b5e202e}.tip-item,.empty-state{padding:14px;border-radius:18px}.toast{position:fixed;left:50%;transform:translate(-50%) translateY(130%);bottom:20px;padding:14px 16px;border-radius:20px;background:#3e2723eb;color:var(--white);box-shadow:0 18px 36px #3e27233d;text-align:center;opacity:0;transition:transform .24s ease,opacity .24s ease;z-index:24;width:calc(100% - 36px);max-width:394px}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#3e272300;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0;pointer-events:none;transition:opacity .24s ease,background .24s ease,backdrop-filter .24s ease;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.sheet-backdrop.show{opacity:1;pointer-events:auto;background:#3e272380;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sheet{width:100%;max-width:460px;max-height:88vh;border-radius:32px;background:#fff;box-shadow:0 32px 72px #1b5e202e,0 8px 24px #3e27231f;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s ease;transform:translateY(28px) scale(.94);opacity:0;display:flex;flex-direction:column;overflow:hidden}.sheet-backdrop.show .sheet{transform:translateY(0) scale(1);opacity:1}.sheet-drag-handle{width:40px;height:4px;border-radius:999px;background:#3e27231f;margin:14px auto 0;flex-shrink:0}.sheet-head{display:flex;align-items:flex-start;gap:12px;padding:16px 20px 18px;border-bottom:1px solid rgba(27,94,32,.07);flex-shrink:0}.sheet-head-icon{width:42px;height:42px;border-radius:14px;flex-shrink:0;background:linear-gradient(135deg,#1b5e201f,#4caf502e);display:grid;place-items:center;font-size:1.2rem}.sheet-head-text{flex:1;min-width:0}.sheet-head-text h4{margin:0 0 4px;font-size:1.05rem;font-weight:800;color:var(--brown-900);line-height:1.2}.sheet-head-text p{margin:0;font-size:.82rem;color:#3e27239e;line-height:1.45}.sheet-close{width:34px;height:34px;flex-shrink:0;border:0;border-radius:50%;background:#3e272312;color:var(--brown-900);cursor:pointer;font-size:.9rem;display:grid;place-items:center;transition:background .18s ease,transform .18s ease}.sheet-close:hover{background:#3e272324;transform:scale(1.08)}.sheet-options{padding:14px 16px 20px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;scrollbar-width:none;-ms-overflow-style:none}.sheet-options::-webkit-scrollbar{display:none}.sheet-option{position:relative;width:100%;padding:16px 44px 16px 16px;border-radius:20px;text-align:left;cursor:pointer;border:1.5px solid rgba(27,94,32,.09);background:#ffffffe6;box-shadow:0 4px 12px #3e27230a;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;animation:sheetOptionIn .3s cubic-bezier(.22,1,.36,1) both}@keyframes sheetOptionIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sheet-option:hover{transform:translateY(-2px);border-color:#1b5e2038;background:#f5fff5f2;box-shadow:0 12px 28px #1b5e201a}.sheet-option:active{transform:scale(.98)}.sheet-option-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.sheet-option-top strong{font-size:.97rem;font-weight:700;color:var(--brown-900);line-height:1.25}.sheet-option-cal{font-size:.82rem;font-weight:700;color:var(--green-900);background:#4caf501f;padding:3px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}.sheet-option-macros{display:flex;flex-wrap:wrap;gap:6px}.sheet-macro-chip{font-size:.74rem;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.02em}.sheet-macro-chip.protein{background:#2e7d321a;color:var(--color-protein)}.sheet-macro-chip.carb{background:#8d6e631a;color:var(--color-carb)}.sheet-macro-chip.fat{background:#558b2f1a;color:var(--color-fat)}.sheet-option-category{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#3e272373}.sheet-option-plain{font-size:.83rem;color:#3e272399;line-height:1.4}.sheet-option-foods{font-size:.8rem;color:#3e27238c;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sheet-option-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:1rem;color:#1b5e2059;transition:color .2s ease,transform .2s ease}.sheet-option:hover .sheet-option-arrow{color:var(--green-700);transform:translateY(-50%) translate(3px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3e272300;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;align-items:center;justify-content:center;z-index:30;padding:20px;transition:background .32s ease,backdrop-filter .32s ease}.modal-overlay.show{background:#3e272385;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-box{width:100%;max-width:400px;max-height:calc(100vh - 40px);background:#fff;border-radius:32px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;box-shadow:0 40px 80px #1b5e2033,0 8px 24px #3e272324;display:flex;flex-direction:column;transform:translateY(36px) scale(.93);opacity:0;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s ease;border:1px solid rgba(255,255,255,.6)}.modal-overlay.show .modal-box{transform:translateY(0) scale(1);opacity:1}.modal-box::-webkit-scrollbar{display:none}.modal-header{position:relative;overflow:hidden;padding:20px 20px 18px;background:linear-gradient(140deg,var(--green-900) 0%,var(--green-700) 55%,rgba(76,175,80,.88) 100%);flex-shrink:0}.modal-header:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#ffffff12;right:-44px;top:-52px;pointer-events:none}.modal-header:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:#ffffff0d;left:-18px;bottom:-28px;pointer-events:none}.modal-close-btn{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:1rem;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:1;transition:background .18s ease,transform .18s ease}.modal-close-btn:hover{background:#ffffff47;transform:scale(1.08)}.modal-brand-icon{width:44px;height:44px;border-radius:14px;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1.5px solid rgba(255,255,255,.3);display:inline-grid;place-items:center;font-size:1.3rem;margin-bottom:12px;position:relative;z-index:1}.modal-header h3{margin:0 0 6px;font-size:1.45rem;font-weight:800;color:#fff;position:relative;z-index:1}.modal-header p{margin:0;color:#fffc;font-size:.88rem;line-height:1.55;position:relative;z-index:1}.modal-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:14px}.modal-error{display:flex;align-items:flex-start;gap:8px;color:#c62828;font-size:.86rem;font-weight:600;padding:12px 14px;background:#c6282814;border-radius:14px;border-left:3px solid #c62828;line-height:1.45}.modal-error-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.modal-switch{text-align:center;font-size:.86rem;color:#3e2723a8;padding-top:4px}.modal-switch button{background:none;border:none;color:var(--green-900);font-weight:700;cursor:pointer;text-decoration:none;border-bottom:1.5px solid rgba(27,94,32,.35);padding-bottom:1px;transition:border-color .18s ease,color .18s ease}.modal-switch button:hover{color:var(--green-500);border-color:var(--green-500)}.auth-actions{display:grid;gap:10px;margin-top:4px}.welcome-auth{display:flex;gap:10px}.welcome-auth .btn{flex:1}.otp-group{display:flex;gap:10px;justify-content:center}.otp-input{width:46px;height:56px;text-align:center;font-size:1.5rem;font-weight:800;border:2px solid rgba(27,94,32,.15);border-radius:14px;background:#f5f5dc73;color:var(--brown-900);outline:none;caret-color:var(--green-700);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.otp-input:focus{border-color:var(--green-700);box-shadow:0 0 0 4px #4caf502e;transform:translateY(-2px)}.otp-input:not(:placeholder-shown){border-color:#1b5e204d;background:#4caf5012}.input-toggle-visibility{position:absolute;top:50%;right:14px;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:.75rem;font-weight:700;color:var(--green-900);padding:4px 6px;border-radius:6px;transition:color .18s ease}.input-toggle-visibility:hover{color:var(--green-500)}.product-carousel-container{width:100%;overflow:hidden;position:relative;padding:10px 0}.product-carousel-container.slim{padding:8px 0;border-bottom:1px solid rgba(27,94,32,.08);background:#f5f5dc33;margin-bottom:4px}.product-track{display:flex;width:max-content;animation:scroll 40s linear infinite}.product-track:hover{animation-play-state:paused}.product-scroll-item{width:180px;flex-shrink:0;margin:0 10px;background:#fff;border-radius:18px;padding:12px;box-shadow:0 4px 12px #0000000d;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:transform .3s ease}.product-scroll-item.slim{width:140px;padding:8px 10px;border-radius:14px;margin:0 6px;flex-direction:row;align-items:center;gap:10px;box-shadow:0 2px 6px #00000008}.product-scroll-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a}.product-scroll-item.slim:hover{transform:translateY(-2px)}.product-scroll-image{width:100%;height:120px;object-fit:contain;background:#fdfdfd;border-radius:12px}.product-scroll-item.slim .product-scroll-image{width:32px;height:32px;padding:2px}.product-scroll-name{font-size:.85rem;font-weight:700;color:var(--brown-900);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-scroll-item.slim .product-scroll-name{font-size:.78rem;flex:1}.product-scroll-benefit{font-size:.75rem;color:#3e272399;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}h2.panel-title{margin:12px 0 18px;padding:0 4px;font-size:1.45rem;font-weight:800}.insight-strip.stale-warn{background:#c6282814;color:#b71c1c}.insight-strip.stale-warn strong{color:#b71c1c}@media (max-width: 599px){html,body{padding:0}.app-inner{padding-left:14px;padding-right:14px}.app-shell{overflow-x:hidden;width:100%;max-width:100%;margin:0;border-radius:0}.dashboard-columns{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.diet-summary,.diet-toolbar,.dashboard-actions,.footer-actions,.diet-overview{grid-template-columns:1fr}.sheet,.modal-box,.toast{max-width:calc(100vw - 32px)}}.dashboard-content,.dashboard-columns{display:grid;gap:18px}.dashboard-col{display:grid;gap:18px;align-content:start}@media (min-width: 600px){body{padding:24px}.app-shell{max-width:680px;border-radius:28px}.stats-grid{grid-template-columns:repeat(4,1fr)}.sheet{max-width:600px}.toast{max-width:560px}.wellness-visual{min-height:260px}.visual-copy{max-width:min(260px,55%);font-size:.95rem}.visual-copy strong{font-size:1.2rem}}@media (min-width: 1024px){body{padding:0}.app-shell--onboarding{max-width:800px;margin:40px auto;width:100%}.app-shell--dashboard{width:100%;max-width:none;min-height:100vh;border-radius:0;box-shadow:none;border:0}.app-shell--dashboard .status-bar{display:none}.app-shell--dashboard .app-inner{max-width:1280px;margin:0 auto;padding:0 56px 64px}.app-shell--dashboard .topbar{padding-top:28px;margin-bottom:24px}.dashboard-columns{grid-template-columns:380px 1fr;align-items:start}.app-shell--dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-hero h2{font-size:2.5rem}.product-grid{grid-template-columns:repeat(2,1fr)}.wellness-visual{min-height:320px}.visual-copy{max-width:min(320px,50%)}.visual-copy strong{font-size:1.3rem}.sheet{max-width:500px}.toast{max-width:480px;width:480px}}.mobile-only{display:none}@media (max-width: 480px){.mobile-only{display:block}.meal-action{white-space:normal;flex-shrink:1;font-size:.76rem;padding:7px 10px}.food-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.food-swap{max-width:100%;overflow:hidden}}@media (min-width: 1280px){.app-shell--dashboard .app-inner{padding:0 72px 64px}.dashboard-columns{grid-template-columns:420px 1fr;gap:24px}.dashboard-content{gap:24px}}.dashboard-actions{margin-top:10px}@media (max-width: 360px){.choice-grid,.segment-grid,.option-grid,.stats-grid,.diet-summary,.dashboard-actions,.diet-toolbar,.footer-actions{grid-template-columns:1fr}.option-card.wide,.condition-card.wide{grid-column:auto}.meal-card{padding:18px 16px;border-radius:26px}.meal-top{align-items:flex-start}.meal-top h4{font-size:1.05rem}.food-swap{padding:14px;gap:12px}.food-calories{min-width:64px;font-size:.95rem}.food-main strong{font-size:.92rem;line-height:1.2}.food-main span{font-size:.76rem!important;display:block;margin-top:2px}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(44px);transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-50px);transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(50px);transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-pop{opacity:0;transform:scale(.88);transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.reveal-pop.revealed{opacity:1;transform:scale(1)}.stagger-1{transition-delay:60ms}.stagger-2{transition-delay:.13s}.stagger-3{transition-delay:.2s}.stagger-4{transition-delay:.27s}.stagger-5{transition-delay:.34s}.stagger-6{transition-delay:.41s}@media (prefers-reduced-motion: reduce){.reveal,.reveal-left,.reveal-right,.reveal-pop{opacity:1;transform:none;transition:none}}.app-shell--admin{max-width:none;border-radius:0;box-shadow:none;border:0;min-height:100vh;background:#f0f2f5;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell--admin:before{display:none}.admin-inner{display:flex;min-height:100vh}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-fade-in{animation:adminFadeIn .35s ease-out}.admin-mobile-header{display:none;position:sticky;top:0;z-index:100;align-items:center;gap:12px;padding:12px 16px;background:var(--green-900);color:var(--white)}.admin-mobile-logo{height:22px;filter:brightness(10)}.admin-mobile-tab{margin-left:auto;font-size:.82rem;font-weight:600;opacity:.7}.admin-hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;border:0;border-radius:8px;background:#ffffff1f;cursor:pointer}.admin-hamburger-line{display:block;width:100%;height:2px;background:var(--white);border-radius:2px;transition:transform .25s ease,opacity .25s ease}.admin-hamburger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.admin-hamburger-line.open:nth-child(2){opacity:0}.admin-hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.admin-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-sidebar{position:sticky;top:0;width:260px;min-width:260px;height:100dvh;display:flex;flex-direction:column;padding:24px 16px;background:linear-gradient(180deg,#0d3b13,#145a1d,#1a6b25);color:var(--white);overflow-y:auto;z-index:200}.admin-sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px}.admin-sidebar-brand .brand-logo{height:26px;filter:brightness(10)}.admin-brand-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;background:#ffffff26;border-radius:6px}.admin-nav{display:flex;flex-direction:column;gap:4px;flex:1}.admin-nav-btn{display:flex;align-items:center;gap:12px;padding:11px 14px;border:0;border-radius:10px;background:transparent;color:#fff9;font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-nav-btn:hover{background:#ffffff14;color:#ffffffe6}.admin-nav-btn.active{background:#ffffff26;color:var(--white);font-weight:600;box-shadow:0 2px 8px #00000026}.admin-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.admin-sidebar-footer{padding:20px 0 32px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px;margin-top:auto}.admin-user-info{display:flex;align-items:center;gap:10px;padding:0 4px}.admin-avatar{width:32px;height:32px;border-radius:50%;background:#1b5e201a;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;color:var(--green-900);flex-shrink:0}.admin-sidebar .admin-avatar{background:#fff3;color:var(--white)}.admin-avatar--sm{width:28px;height:28px;font-size:.75rem}.admin-user-email{font-size:.76rem;color:#ffffff80;word-break:break-all;line-height:1.3}.admin-logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:transparent;color:#ffffffb3;font-family:inherit;font-size:.84rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-logout-btn:hover{background:#ffffff14;color:var(--white);border-color:#fff3}.admin-main{flex:1;padding:32px 40px;overflow-y:auto;min-width:0;background:#f0f2f5}.admin-section{max-width:1100px}.admin-page-header{margin-bottom:24px}.admin-heading{font-size:1.5rem;font-weight:800;color:var(--brown-900);margin:0 0 4px;letter-spacing:-.01em}.admin-heading-sub{font-size:.88rem;font-weight:400;color:#3e272380;margin:0}.admin-subheading{font-size:1rem;font-weight:700;color:var(--brown-900);margin:28px 0 12px}.admin-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:0;border-radius:10px;font-family:inherit;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-btn--primary{background:var(--green-900);color:var(--white);box-shadow:0 2px 8px #1b5e2040}.admin-btn--primary:hover{background:var(--green-700);box-shadow:0 4px 12px #1b5e204d;transform:translateY(-1px)}.admin-btn--ghost{background:transparent;color:var(--green-900);border:1px solid rgba(27,94,32,.15)}.admin-btn--ghost:hover{background:#1b5e200d;border-color:#1b5e2040}.admin-btn--danger{background:#c628280f;color:#c62828;border:1px solid rgba(198,40,40,.12)}.admin-btn--danger:hover{background:#c628281f;border-color:#c6282833}.admin-btn--sm{padding:8px 14px;font-size:.8rem}.admin-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.admin-stat-card{position:relative;padding:20px;background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.admin-stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px}.admin-stat-card--primary:after{background:linear-gradient(90deg,var(--green-900),var(--green-500))}.admin-stat-card--success:after{background:linear-gradient(90deg,#2e7d32,#66bb6a)}.admin-stat-card--warning:after{background:linear-gradient(90deg,#e65100,#ff9800)}.admin-stat-card--info:after{background:linear-gradient(90deg,#1565c0,#42a5f5)}.admin-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.admin-stat-card--primary .admin-stat-icon{background:#1b5e2014;color:var(--green-900)}.admin-stat-card--success .admin-stat-icon{background:#2e7d3214;color:#2e7d32}.admin-stat-card--warning .admin-stat-icon{background:#e6510014;color:#e65100}.admin-stat-card--info .admin-stat-icon{background:#1565c014;color:#1565c0}.admin-stat-label{font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#3e272380}.admin-stat-value{font-size:1.75rem;font-weight:800;color:var(--brown-900);line-height:1}.admin-chart-card{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.admin-bar-chart{display:flex;flex-direction:column;gap:12px}.admin-bar-row{display:flex;align-items:center;gap:12px}.admin-bar-label{width:120px;min-width:120px;font-size:.84rem;font-weight:500;color:var(--brown-900);text-align:right}.admin-bar-track{flex:1;height:28px;background:#0000000a;border-radius:8px;overflow:hidden}.admin-bar-fill{height:100%;background:linear-gradient(135deg,var(--green-900),var(--green-500));border-radius:8px;min-width:4px;transition:width .6s cubic-bezier(.22,1,.36,1)}.admin-bar-fill--alt{background:linear-gradient(135deg,#558b2f,#8bc34a)}.admin-bar-fill--warn{background:linear-gradient(135deg,#e65100,#ff9800)}.admin-bar-count{width:40px;min-width:40px;font-size:.84rem;font-weight:700;color:var(--brown-900)}.admin-search-row{display:flex;gap:10px;margin-bottom:20px}.admin-search-wrap{position:relative;flex:1}.admin-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#3e272359;pointer-events:none}.admin-search-input{width:100%;padding:11px 16px 11px 40px;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-family:inherit;font-size:.88rem;background:var(--white);color:var(--brown-900);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.admin-search-input:focus{border-color:var(--green-500);box-shadow:0 0 0 3px #4caf501a}.admin-search-input::placeholder{color:#3e272359}.admin-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(0,0,0,.06);background:var(--white);box-shadow:0 1px 3px #0000000a}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table thead{background:#00000005}.admin-table th{padding:13px 16px;text-align:left;font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:#3e272380;border-bottom:1px solid rgba(0,0,0,.06);white-space:nowrap}.admin-table td{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.04);color:var(--brown-900);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr{transition:background .15s ease}.admin-table tbody tr:hover{background:#4caf5008}.admin-cell-email{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.admin-cell-ip{font-size:.78rem;font-family:SF Mono,Fira Code,monospace;color:#3e27238c}.admin-cell-actions{display:flex;gap:8px}.admin-card-list{display:none;flex-direction:column;gap:12px}.admin-user-card{background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:16px;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s ease}.admin-user-card:active{box-shadow:0 1px 2px #0000000f}.admin-user-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.admin-user-card-info{min-width:0;flex:1}.admin-user-card-email{display:block;font-size:.88rem;font-weight:600;color:var(--brown-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-card-meta{font-size:.76rem;color:#3e272373}.admin-user-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.admin-tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:600;background:#1b5e200f;color:var(--green-900)}.admin-user-card-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid rgba(0,0,0,.05)}.admin-user-card-actions .admin-btn{flex:1;justify-content:center}.admin-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.admin-badge--yes{background:#4caf501a;color:#2e7d32}.admin-badge--no{background:#3e27230d;color:#3e272366}.admin-badge--action{background:#1b5e2014;color:var(--green-700)}.admin-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-detail-card{padding:20px;background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 1px 3px #0000000a}.admin-detail-card h4{margin:0 0 14px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--green-900)}.admin-detail-row{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:.88rem}.admin-detail-row:last-child{border-bottom:0}.admin-detail-row span{color:#3e272380}.admin-detail-row strong{color:var(--brown-900)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.admin-page-info{font-size:.84rem;font-weight:600;color:#3e272380}.admin-empty{text-align:center;padding:40px 20px;color:#3e272366;font-size:.9rem}.admin-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;color:#3e272373}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-spinner{width:32px;height:32px;border:3px solid rgba(27,94,32,.12);border-top-color:var(--green-700);border-radius:50%;animation:adminSpin .7s linear infinite}@media (max-width: 1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-main{padding:28px 24px}}@media (max-width: 768px){.admin-mobile-header{display:flex}.admin-overlay{display:block}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;min-width:280px;height:100%;height:100dvh;transform:translate(-100%);transition:transform .3s cubic-bezier(.22,1,.36,1);box-shadow:4px 0 24px #0003;display:flex;flex-direction:column}.admin-sidebar--open{transform:translate(0)}.admin-inner{flex-direction:column}.admin-main{padding:20px 16px;min-height:calc(100vh - 56px)}.admin-table-wrap{display:none}.admin-card-list{display:flex}.admin-heading{font-size:1.25rem}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.admin-stat-card{padding:16px}.admin-stat-icon{width:34px;height:34px;border-radius:8px}.admin-stat-icon svg{width:18px;height:18px}.admin-stat-value{font-size:1.4rem}.admin-stat-label{font-size:.7rem}.admin-detail-grid{grid-template-columns:1fr}.admin-toolbar{flex-direction:column;align-items:stretch;gap:12px}.admin-search-row{flex-direction:column}.admin-search-row .admin-btn{width:100%;justify-content:center}.admin-bar-label{width:80px;min-width:80px;font-size:.76rem}.admin-bar-track{height:22px}.admin-chart-card{padding:16px}.admin-pagination{gap:8px;flex-wrap:wrap;justify-content:center}.admin-pagination .admin-btn{padding:10px 14px;font-size:.8rem}.admin-page-info{font-size:.78rem;width:100%;text-align:center;order:-1}}@media (max-width: 400px){.admin-stats-grid{grid-template-columns:1fr}.admin-bar-row{flex-wrap:wrap}.admin-bar-label{width:100%;text-align:left;margin-bottom:-4px;font-size:.78rem}.admin-bar-track{flex:1}}