:root{--ink:#17352d;--muted:#687a74;--paper:#f7f8f4;--white:#fff;--lime:#dff06d;--lime-dark:#bdd53d;--mint:#e5f1ec;--line:#dfe6e1;--orange:#f29b56;--shadow:0 18px 50px rgba(23,53,45,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:16px}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit;color:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px 20px;background:#123c32;color:#fff;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;font-weight:800;font-size:1.2rem;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--lime);color:#18382f;font-weight:900;font-size:.8rem;transform:rotate(-3deg)}.brand-mark.large{width:48px;height:48px;margin:auto}.eyebrow,.crumb{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:#9bb7ae}.eyebrow{margin:42px 12px 12px}.sidebar nav{display:grid;gap:6px}.nav-link{display:flex;gap:13px;align-items:center;padding:12px 14px;border-radius:12px;color:#d7e4df;text-decoration:none;font-size:.92rem;font-weight:650}.nav-link span{width:20px;text-align:center}.nav-link:hover,.nav-link.active{background:#24564a;color:#fff}.sidebar-card{margin-top:auto;display:flex;gap:10px;padding:14px;background:#1b4a3e;border:1px solid #336357;border-radius:14px}.status-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(223,240,109,.14)}.sidebar-card strong,.sidebar-card small,.profile strong,.profile small{display:block}.sidebar-card strong{font-size:.78rem}.sidebar-card small{font-size:.7rem;color:#a9c1b9;margin-top:3px}.profile{border:0;background:transparent;color:white;display:grid;grid-template-columns:auto 1fr auto;text-align:left;gap:10px;align-items:center;padding:18px 4px 0}.profile small{color:#91afa6}.avatar{display:grid;place-items:center;background:#f0b46f;color:#59330e;width:35px;height:35px;border-radius:50%;font-weight:800;font-size:.72rem}.topbar{height:78px;background:rgba(247,248,244,.9);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4}.topbar>div:first-of-type{display:grid;gap:3px}.top-actions{display:flex;gap:10px}.primary,.ghost,.soft{border:0;border-radius:11px;padding:10px 17px;font-weight:750}.primary{background:var(--lime);color:#18382f}.primary:hover{background:var(--lime-dark)}.ghost{background:white;border:1px solid var(--line)}.soft{background:var(--mint)}.mobile-menu{display:none;border:0;background:none;font-size:1.5rem}.page{max-width:1180px;margin:auto;padding:38px 42px 70px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.page-heading h1{font-family:Georgia,serif;font-size:2.45rem;line-height:1;margin:4px 0 8px;letter-spacing:-.04em}.page-heading p{color:var(--muted);margin:0}.date-chip{background:white;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:700;font-size:.84rem}.dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:20px}.card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 2px 0 rgba(23,53,45,.02)}.plan-card{background:#163f35;color:white;position:relative;overflow:hidden;min-height:245px}.plan-card:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:var(--lime);right:-105px;bottom:-155px;opacity:.9}.plan-card .label{color:#a9c2ba}.plan-card h2{font-family:Georgia,serif;font-size:2rem;margin:14px 0 8px;max-width:430px}.plan-card p{color:#c8d8d3;max-width:500px;line-height:1.6}.plan-meta{display:flex;gap:18px;margin:24px 0}.plan-meta span{display:grid;font-size:.74rem;color:#9db8b0}.plan-meta strong{font-size:1rem;color:white;margin-top:3px}.button-row{display:flex;gap:10px;position:relative;z-index:1}.outline-light{border:1px solid #51766c;background:transparent;color:white;border-radius:11px;padding:10px 16px;font-weight:700}.stat-card h3,.card h3{margin:0 0 16px}.ring{width:136px;height:136px;margin:10px auto 20px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lime-dark) 0 68%,#edf0ec 68%);position:relative}.ring:before{content:"";position:absolute;inset:11px;border-radius:50%;background:white}.ring strong,.ring span{position:relative;z-index:1}.ring strong{font-size:1.55rem}.ring span{font-size:.72rem;color:var(--muted)}.ring div{display:grid;text-align:center}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-stat{background:var(--paper);border-radius:12px;padding:12px}.mini-stat small,.recipe-card small,.muted{color:var(--muted)}.mini-stat strong{display:block;margin-top:4px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px}.section-title h2{font-family:Georgia,serif;margin:0;font-size:1.5rem}.meal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.meal{display:flex;align-items:center;gap:13px;background:white;border:1px solid var(--line);border-radius:16px;padding:14px}.meal-icon{width:48px;height:48px;border-radius:13px;background:var(--mint);display:grid;place-items:center;font-size:1.4rem}.meal div{display:grid;gap:3px}.meal small{color:var(--muted)}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.recipe-card{padding:0;overflow:hidden}.recipe-art{height:135px;display:flex;align-items:end;padding:16px;background:linear-gradient(135deg,#244f42,#9db95a);color:white;font-size:2.2rem}.recipe-art.alt{background:linear-gradient(135deg,#e99d5e,#f5d49c)}.recipe-art.blue{background:linear-gradient(135deg,#496d73,#b6d5d0)}.recipe-card .body{padding:18px}.recipe-card h3{margin:0 0 8px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.tag{padding:5px 8px;border-radius:20px;background:var(--paper);font-size:.7rem;font-weight:700}.shopping-layout,.progress-layout,.admin-layout{display:grid;grid-template-columns:1.4fr .75fr;gap:20px}.shopping-group{margin-top:20px}.shopping-group h3{font-size:.8rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.check-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 4px;border-bottom:1px solid #edf0ed}.check-item input{width:19px;height:19px;accent-color:#6e8b26}.check-item:has(input:checked) span{text-decoration:line-through;color:#8a9994}.summary-line{display:flex;justify-content:space-between;padding:9px 0}.notice{border-left:4px solid var(--lime-dark);background:#f6fadf;padding:14px;border-radius:8px;font-size:.86rem;line-height:1.5}.progress-bars{display:grid;gap:18px}.bar-label{display:flex;justify-content:space-between;margin-bottom:7px}.bar{height:9px;background:#edf0ed;border-radius:8px;overflow:hidden}.bar i{height:100%;display:block;background:var(--lime-dark);border-radius:8px}.form-grid{display:grid;gap:14px}.form-grid label,dialog label{display:grid;gap:7px;font-size:.8rem;font-weight:750}.form-grid input,dialog input{border:1px solid var(--line);padding:11px 12px;border-radius:10px;background:white}.full{width:100%}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:34px 1fr;gap:12px}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--lime-dark);margin-top:6px;box-shadow:0 0 0 5px #f0f6d2}.timeline-line{border-left:2px solid var(--line);height:52px;margin-left:5px}.timeline-item p{margin:4px 0 22px;color:var(--muted)}.admin-banner{background:#2b2f3a;color:#fff;border-radius:18px;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-banner .crumb{color:#bac1d2}.admin-banner h2{margin:3px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);font-size:.83rem}.table th{color:var(--muted);font-size:.7rem;letter-spacing:.08em}.status{display:inline-flex;gap:6px;align-items:center;padding:5px 8px;border-radius:20px;background:#e9f4d0;font-size:.7rem;font-weight:800}.status.review{background:#fff0cf}.lock{font-size:.72rem;color:var(--muted)}dialog{width:min(440px,calc(100% - 28px));border:0;border-radius:22px;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(12,35,29,.65);backdrop-filter:blur(3px)}dialog form{padding:30px;display:grid;gap:15px;position:relative;text-align:left}dialog h2,dialog p{text-align:center;margin:0}dialog h2{font-family:Georgia,serif;font-size:1.8rem}dialog p{color:var(--muted)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:1.5rem}.fine-print{color:var(--muted);line-height:1.4;text-align:center}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translateX(-100%);transition:.2s;width:248px}.sidebar.open{transform:none}.mobile-menu{display:block}.topbar{padding:0 20px}.topbar .crumb{display:none}.page{padding:28px 20px}.dashboard-grid,.shopping-layout,.progress-layout,.admin-layout{grid-template-columns:1fr}.recipe-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.top-actions .ghost{display:none}.page-heading{align-items:start;flex-direction:column}.page-heading h1{font-size:2rem}.meal-list,.recipe-grid{grid-template-columns:1fr}.plan-card{padding:20px}.plan-card h2{font-size:1.65rem}.button-row{flex-wrap:wrap}.topbar{height:66px}.card{padding:19px}}
.auth-message{min-height:1.2em;margin:0!important;font-size:.82rem;color:#a23b2a!important}.auth-message.success{color:#287044!important}
.resend-code{justify-self:center;border:0;background:transparent;color:#24564a;font-weight:750;padding:2px 8px;text-decoration:underline;text-underline-offset:3px}.resend-code:hover:not(:disabled){color:#123c32}.resend-code:disabled{color:var(--muted);cursor:default;text-decoration:none}
[hidden]{display:none!important}
.welcome-card{padding:32px;max-width:980px}.step-grid,.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.step-grid>div{padding:20px;background:#f5f7f2;border-radius:14px}.step-grid>div>strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#173c32;color:#fff}.step-grid h3{margin:14px 0 6px}.step-grid p{margin:0;color:#60706a;line-height:1.5}.payment-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reference-card>strong{display:block;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.04em;margin:14px 0}.status.pending{background:#fff2c7;color:#6d5112}.access-grid{grid-template-columns:repeat(4,1fr)}.access-tile{text-align:left;display:flex;flex-direction:column;gap:12px;cursor:pointer}.access-tile>span{font-size:1.8rem}.access-tile small{color:#68766f}.access-tile.is-locked,.locked-nav{opacity:.55}.locked-panel{text-align:center;padding:52px 24px;max-width:740px;margin:auto}.lock-symbol{font-size:3rem}.locked-panel p{color:#60706a;max-width:560px;margin:12px auto 24px;line-height:1.6}.admin-members{overflow-x:auto}.confirm-payment{display:grid;gap:7px;min-width:170px}.confirm-payment input{min-width:140px}.button-link{display:inline-block;text-decoration:none}.profile{cursor:default}
@media(max-width:900px){.payment-layout,.step-grid{grid-template-columns:1fr}.access-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.access-grid{grid-template-columns:1fr}.welcome-card{padding:22px}}
.form-grid textarea{border:1px solid var(--line);padding:11px 12px;border-radius:10px;background:white;min-height:130px;resize:vertical;font:inherit}
.form-grid select,.plan-toolbar select{border:1px solid var(--line);padding:11px 12px;border-radius:10px;background:white;font:inherit}.plan-toolbar{display:flex;align-items:end;gap:24px;margin-bottom:20px}.plan-toolbar label{display:grid;gap:7px;font-size:.8rem;font-weight:750;min-width:140px}.plan-toolbar .notice{margin:0;flex:1}.month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.month-card{border:1px solid var(--line);background:white;border-radius:14px;padding:15px;text-align:left;display:grid;gap:5px}.month-card small{color:var(--muted)}.month-card:hover,.month-card.active{border-color:#9db24a;background:#f6fadf}.week-list{display:grid;gap:14px}.week-editor{padding:0;overflow:hidden}.week-editor summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;cursor:pointer}.week-editor summary::-webkit-details-marker{display:none}.week-editor summary>span:first-child{display:grid;gap:4px}.week-editor summary small{color:var(--muted)}.weekly-plan-form{border-top:1px solid var(--line);padding:22px 24px}.plan-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;align-items:center;gap:14px}.weekly-save-message{font-size:.82rem;color:#a23b2a}.weekly-save-message.success{color:#287044}@media(max-width:900px){.month-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.plan-toolbar{align-items:stretch;flex-direction:column}.month-grid{grid-template-columns:repeat(2,1fr)}.plan-fields{grid-template-columns:1fr}}