:root{--forest:#173f35;--forest-deep:#102e27;--green:#28624f;--cream:#f6f5ef;--paper:#fffefa;--ink:#233b33;--muted:#78827b;--line:#e4e7dd;--terra:#b66a48;--gold:#b99c64;--soft-green:#eaf0e7;--soft-gold:#f6edda;--red:#a74a3f;--shadow:0 5px 24px #173f3505;--radius:18px;--sidebar:244px}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b98c4e;outline-offset:3px}button svg{flex-shrink:0}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-50px;left:20px;z-index:100;background:var(--forest);color:#fff;padding:12px;border-radius:8px}.skip-link:focus{top:12px}.initial-loading{min-height:100vh;display:grid;place-content:center;text-align:center;gap:12px}.loading-mark{font:60px Georgia;color:var(--forest)}.initial-loading p{color:var(--muted)}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h1{font-size:40px;line-height:1.15}h2{font-size:26px;line-height:1.2}h3{font-size:15px;font-weight:650}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.nowrap{white-space:nowrap}.row{display:flex;align-items:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.gap8{gap:8px}.grow{flex:1}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mt16{margin-top:16px}.mt24{margin-top:24px}.btn{border:1px solid transparent;border-radius:9px;background:var(--forest);color:#fff;padding:11px 17px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:12px;text-decoration:none;transition:background .15s,transform .15s;white-space:nowrap}.btn:hover:not(:disabled){background:#28604f;transform:translateY(-1px)}.btn.secondary{background:var(--paper);color:var(--forest);border-color:#d9dfd4}.btn.secondary:hover:not(:disabled){background:#edf1e8}.btn.ghost{background:transparent;color:var(--forest);border-color:transparent}.btn.ghost:hover:not(:disabled){background:#e8ede4}.btn.danger{background:#faebe6;color:#a74a3f;border-color:#eed6ce}.btn.small{min-height:34px;padding:7px 11px;font-size:11px}.btn.full{width:100%}.btn.white{background:#f9f5e9;color:var(--forest)}.btn svg.icon{width:17px;height:17px}.icon-button{display:inline-grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:9px;width:37px;height:37px;padding:0}.icon-button:hover{background:var(--soft-green)}.link-button{background:none;border:0;color:var(--green);font-weight:650;font-size:12px;padding:4px 0;text-decoration:none}.link-button:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:650;line-height:1.3;white-space:nowrap}.pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.pill.active,.pill.ready,.pill.approved{background:#e6eee4;color:#47734a}.pill.scheduled{background:#edf0e9;color:#68785d}.pill.pending{background:#faf0da;color:#9c7731}.pill.paused,.pill.skipped,.pill.rejected{background:#f3e9e2;color:#a16c48}.pill.collected{background:#e9efee;color:#537c76}.pill.closed{background:#eeeee8;color:#8a8e85}.pill.no-dot::before{display:none}
.app-layout{min-height:100vh;padding-left:var(--sidebar)}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:var(--forest);color:#d2dfd4;z-index:40;display:flex;flex-direction:column;padding:30px 20px 16px;overflow-y:auto}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;padding:1px 9px 32px}.brand-mark{display:grid;place-items:center;width:39px;height:45px;border:1px solid #758f76;border-radius:12px 12px 4px 4px;font:32px Georgia;color:#e4c78a;position:relative}.brand-mark::after{position:absolute;content:"";height:1px;background:#758f76;width:21px;bottom:7px}.brand-name{display:block;color:#fff8e8;font-family:Georgia,serif;font-size:23px;letter-spacing:1px;line-height:1.1}.brand-sub{display:block;text-transform:uppercase;letter-spacing:3px;font-size:8px;margin-top:6px;color:#b4c8b4}.sidebar-label{font-size:9px;letter-spacing:1.5px;color:#91aa99;font-weight:650;padding:10px 16px 12px}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-link{width:100%;border:0;background:none;color:#b3c9bb;display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:9px;font-size:12px;font-weight:500;text-align:left;text-decoration:none}.nav-link:hover{color:#fff;background:#ffffff08}.nav-link.active{background:#345b48;color:#fff5de}.nav-link.active svg{color:#dbc38b}.nav-link svg{width:18px;height:18px}.nav-count{margin-left:auto;background:#d1bb87;color:var(--forest);min-width:21px;padding:1px 5px;text-align:center;border-radius:5px;font-size:10px;font-weight:700}.sidebar-bottom{margin-top:auto;padding-top:38px}.pickup-note{border:1px solid #ffffff18;border-radius:12px;padding:15px;display:flex;gap:10px;margin:0 2px 20px;color:#b7c9ba;font-size:11px;line-height:1.7}.pickup-note svg{color:#d5bc87;margin-top:2px;width:17px}.pickup-note strong{display:block;color:#dce6d5;font-weight:500}.sidebar-profile{border-top:1px solid #ffffff16;padding:16px 4px 3px;display:flex;gap:10px;align-items:center}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;height:34px;width:34px;flex-shrink:0;color:#45634b;background:#e8ece0;font-size:11px;font-weight:650}.avatar.gold{background:#d8c290;color:#294839}.avatar.large{width:44px;height:44px;font-size:14px}.profile-name{font-size:11px;color:#edf0df}.profile-role{font-size:9px;color:#9db5a2;text-transform:capitalize}.logout-button{color:#bad1bf;background:transparent;border:0;padding:7px;margin-left:auto}.logout-button:hover{color:#fff}.sidebar-scrim{display:none}.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fafaf5;gap:16px}.breadcrumb{font-size:11px;color:#8d9388}.breadcrumb span{color:#344e40;padding-left:8px}.topbar-right{display:flex;align-items:center;gap:18px}.preview-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;background:#eeeee2;color:#7c8069;border:1px solid #e5e5d4;border-radius:5px;font-size:9px;font-weight:650;letter-spacing:.3px}.preview-tag::before{content:"";height:5px;width:5px;border-radius:50%;background:#b99c64}.top-date{color:#7d877d;font-size:11px}.mobile-menu{display:none}.workspace{padding:35px 42px 30px;max-width:1600px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.page-heading .eyebrow{color:#9d8d67;margin-bottom:10px}.page-heading p{font-size:12px;color:#7b8378;margin-top:10px}.heading-actions{display:flex;align-items:center;gap:8px}.page-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8c9387;padding-top:27px}.page-footer span:last-child{color:#a3a898}
.hero-banner{background:#e7ecdf;border:1px solid #dde4d4;border-radius:var(--radius);padding:27px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;position:relative;margin-bottom:25px;min-height:142px}.hero-banner h2{font-size:26px;margin:5px 0 7px}.hero-banner p{color:#6f7c69;font-size:12px;max-width:430px}.hero-banner .eyebrow{color:#8b916b}.hero-banner .btn{margin-top:17px}.hero-banner .hero-side{display:flex;align-items:center;gap:23px;position:relative;z-index:1;flex-shrink:0}.hero-banner .hero-number{font-family:Georgia,serif;font-size:54px;color:#345c41;line-height:1}.hero-banner .hero-side-label{font-size:10px;color:#6e806a;margin-top:6px}.hero-pattern{position:absolute;right:45px;top:-40px;opacity:.12;width:290px;height:290px;border:1px solid #708765;border-radius:50%;box-shadow:0 0 0 22px #cad5b8,0 0 0 23px #708765,0 0 0 45px #cad5b8,0 0 0 46px #708765}.hero-divider{height:53px;width:1px;background:#c9d4bc}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.metric{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:20px 21px;box-shadow:var(--shadow);min-height:130px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7b8478;font-size:11px}.metric-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#f2f2e9;color:#809173}.metric-icon svg{width:16px;height:16px}.metric-number{font-family:Georgia,serif;font-size:35px;line-height:1.1;color:#304e3e;margin-top:9px;letter-spacing:-1px}.metric-number .unit{font-family:inherit;font-size:18px;letter-spacing:0}.metric-caption{font-size:9px;color:#89917f;margin-top:9px}.metric-caption .positive{color:#5c8552}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:23px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-head h2{font-size:23px}.panel-head p{font-size:10px;color:#8b9284;margin-top:6px}.panel-body{padding:0 24px 24px}.panel-foot{padding:15px 24px;border-top:1px solid var(--line);font-size:10px;color:#87907f;display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-title-icon{width:32px;height:32px;background:#f1f0e5;color:#8c996c;display:grid;place-items:center;border-radius:9px}.daily-meal{border:1px solid #e5e7da;background:#f9f9f1;border-radius:12px;padding:18px;display:flex;gap:16px;align-items:center;margin-bottom:20px}.meal-icon{width:53px;height:53px;background:#e9eddb;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#70805b;flex-shrink:0}.meal-icon svg{width:29px;height:29px}.daily-meal h3{font-family:Georgia,serif;font-size:19px;font-weight:400}.daily-meal p{font-size:10px;color:#8a917b;margin-top:4px}.daily-meal .rotis{margin-left:auto;text-align:right;font-size:23px;font-family:Georgia,serif;color:#506543}.daily-meal .rotis small{display:block;font:9px sans-serif;color:#8a917b;margin-top:1px}.table-wrap{overflow:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{font-weight:500;color:#8a9386;font-size:9px;text-transform:uppercase;letter-spacing:.8px;background:#fafbf6;padding:12px 20px;border-top:1px solid #edf0e6;border-bottom:1px solid #edf0e6}td{padding:15px 20px;border-bottom:1px solid #edf0e6;vertical-align:middle}tr:last-child td{border-bottom:0}.name-cell{display:flex;align-items:center;gap:10px}.name-cell strong{display:block;font-weight:600;color:#3b5142;font-size:11px}.name-cell small{display:block;color:#9a9f91;font-size:9px;margin-top:2px}.roti-count{font-size:15px;font-weight:600;color:#4b6349}.table-actions{display:flex;align-items:center;gap:6px}.table-note{max-width:170px;white-space:normal;font-size:10px;color:#8b927f}.table-date{font-size:10px;color:#87917f}.balance-amount{font-variant-numeric:tabular-nums;font-weight:600}.money-in{color:#527c4b}.money-out{color:#3e5444}.task-row{padding:17px 0;display:flex;align-items:center;gap:12px;border-top:1px solid #edf0e6}.task-row:first-child{border-top:0;padding-top:0}.task-row:last-child{padding-bottom:0}.task-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:#f6ecd9;color:#ad8c48}.task-icon.green{background:#eaf0e5;color:#7a9369}.task-row strong{font-size:11px;font-weight:600}.task-row p{font-size:10px;line-height:1.6;color:#929987;margin-top:3px}.activity-list{display:flex;flex-direction:column;gap:0}.activity-row{display:flex;gap:13px;padding:11px 0;position:relative}.activity-dot{width:7px;height:7px;border-radius:50%;background:#9aa77e;margin:5px 3px 0;flex-shrink:0}.activity-row:not(:last-child)::after{content:"";position:absolute;left:6px;top:25px;width:1px;height:calc(100% - 17px);background:#e3e7d8}.activity-row p{font-size:10px;color:#75836c;line-height:1.7}.activity-row strong{color:#485f44;font-weight:500}.activity-row small{font-size:9px;color:#a2a792}.note-card{background:#f0e8d8;border:1px solid #e9dec9;border-radius:14px;padding:23px;color:#887750}.note-card .eyebrow{font-size:9px;color:#a18b5a;margin-bottom:8px}.note-card h2{font-size:23px;color:#6a613f}.note-card p{font-size:11px;line-height:1.8;margin-top:8px}.note-card .icon{color:#b89e62}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;border:1px solid #dde3d6;border-radius:9px;background:var(--paper);padding:0 12px;min-width:220px}.search svg{width:16px;color:#96a18e}.search input{border:0;background:transparent;height:40px;min-width:0;width:100%;font-size:11px;padding:0;outline:none}.search:focus-within{outline:2px solid #b4c39b}.segments{display:inline-flex;align-items:center;gap:3px;padding:4px;background:#ebeee3;border:1px solid #e1e6d7;border-radius:9px}.segment{background:transparent;border:0;border-radius:6px;padding:7px 12px;font-size:11px;color:#89917e}.segment.active{background:var(--paper);color:#496143;box-shadow:0 1px 4px #273b2710}.date-picker{display:flex;align-items:center;gap:8px}.date-picker input{height:40px;padding:7px 10px;background:var(--paper);border:1px solid #dbe1d3;border-radius:8px;font-size:12px;color:#506549}.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:23px}.strip-item{padding:18px 21px;border-right:1px solid var(--line);display:flex;align-items:center;gap:12px}.strip-item:last-child{border:0}.strip-number{font:29px Georgia;color:#4a6344;line-height:1.1}.strip-label{font-size:9px;color:#8b9480;margin-top:4px}.strip-icon{background:#eff2e7;border-radius:9px;display:grid;place-items:center;height:32px;width:32px;color:#869674}.strip-icon svg{width:18px}.notice{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;border:1px solid #e2e8d5;background:#eef2e7;border-radius:10px;color:#6f815c;font-size:11px;line-height:1.7;margin-bottom:20px}.notice svg{width:17px;height:17px;margin-top:1px}.notice.warning{background:#faf2e0;border-color:#eee0be;color:#9b7b40}.notice.error{background:#faece6;border-color:#f0d5ca;color:#a4513c}.notice p{margin:0}.closed-state,.empty-state{padding:42px 24px;text-align:center;color:#89927d}.empty-state .icon,.closed-state .icon{height:35px;width:35px;color:#a3ae92;margin-bottom:12px}.empty-state h3,.closed-state h2{color:#5f7350;margin-bottom:7px}.empty-state p,.closed-state p{font-size:11px;max-width:410px;margin:0 auto;line-height:1.8}.closed-state{padding:65px 20px}.closed-state h2{font-size:30px}.count-badge{background:#eff1e8;color:#8b9979;padding:3px 8px;border-radius:5px;font-size:10px;margin-left:6px}.filter-note{font-size:10px;color:#8d977f}.mobile-only{display:none}
.customer-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.plan-card{background:var(--forest);color:#e5ecda;padding:28px;border-radius:18px;position:relative;overflow:hidden}.plan-card .eyebrow{color:#aebe9e}.plan-card h2{font-size:33px;color:#fff6df;margin:8px 0 6px}.plan-card p{font-size:12px;color:#afc1aa;line-height:1.8}.plan-price{font-size:36px;font-family:Georgia,serif;color:#e5cc91;margin-top:20px}.plan-price small{font:11px sans-serif;color:#afc1aa;margin-left:4px}.plan-divider{height:1px;background:#ffffff1b;margin:20px 0}.plan-includes{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:11px;color:#d1dec3}.plan-includes span{display:flex;align-items:center;gap:7px}.plan-includes .icon{width:14px;color:#b6c89a}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;padding:0 24px 24px}.meal-day{border:1px solid #e3e7d9;border-radius:10px;min-height:122px;padding:12px 8px 10px;text-align:center;background:#fffefa;position:relative;color:#567049;display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color .15s,transform .15s}.meal-day:hover{border-color:#8da378;transform:translateY(-2px)}.meal-day.today{background:#eff3e7;border-color:#a5b894}.meal-day.closed-day{background:#f1f1ea;color:#a6ad9b;cursor:default}.meal-day.closed-day:hover{transform:none;border-color:#e3e7d9}.day-weekday{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#8d987d}.day-number{font:24px Georgia;line-height:1.2;margin-bottom:3px}.day-rotis{font-size:10px;font-weight:600}.day-status{font-size:8px;margin-top:auto;color:#9aa58a}.day-lock{position:absolute;right:6px;top:7px;color:#b1b9a5}.day-lock .icon{height:10px;width:10px}.calendar-legend{display:flex;gap:15px;flex-wrap:wrap;padding:0 24px 17px;font-size:9px;color:#929d83}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9db289;margin-right:5px}.legend-dot.closed{background:#ccd0c4}.pickup-card{padding:22px;display:flex;gap:14px;align-items:center}.pickup-card svg{width:26px;height:26px;color:#a69863}.pickup-card h3{font-size:12px}.pickup-card p{color:#8d967d;font-size:10px;margin-top:4px;line-height:1.7}.balance-card{padding:23px;background:var(--paper);border:1px solid var(--line);border-radius:15px}.balance-card .balance-number{font:35px Georgia;color:#49613e;margin:10px 0 2px}.balance-card p{font-size:11px;color:#8b957e}.request-card{border:1px solid #e5e8dc;border-radius:11px;padding:15px;margin-bottom:10px}.request-card:last-child{margin:0}.request-card p{font-size:11px;line-height:1.7;color:#87947b;margin-top:8px}.request-card small{font-size:9px;color:#a0aa94}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:23px;max-width:1020px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #e8ecdf;font-size:12px}.setting-row:last-child{border-bottom:0}.setting-row span{color:#8a977c}.setting-row strong{font-weight:500;text-align:right}.activity-table .detail-cell{white-space:normal;min-width:240px}
.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.form-field label,.field-label{font-size:11px;font-weight:600;color:#607451}.form-field input,.form-field select,.form-field textarea{width:100%;background:var(--paper);border:1px solid #dce3d2;border-radius:8px;padding:10px 12px;font-size:12px;min-height:42px;color:#3e5736}.form-field input::placeholder,.form-field textarea::placeholder{color:#a7af9b}.form-field textarea{resize:vertical;min-height:76px}.form-field .help{font-size:10px;line-height:1.6;color:#96a087}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:12px;color:#687d56;margin:12px 0 18px}.checkbox-label input{accent-color:var(--forest);width:16px;height:16px}.form-errors{color:#a8523e;background:#faeee8;border:1px solid #efd9cd;padding:11px 13px;border-radius:8px;font-size:11px;margin-bottom:16px}.form-errors:empty{display:none}dialog{border:1px solid #dce2d1;border-radius:18px;background:var(--paper);color:var(--ink);padding:0;max-width:540px;width:calc(100% - 32px);max-height:calc(100dvh - 42px);box-shadow:0 25px 100px #102e2740}dialog::backdrop{background:#102e276e;backdrop-filter:blur(3px)}.dialog-head{padding:25px 27px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #e9eddf}.dialog-head h2{font-size:27px}.dialog-head p{font-size:11px;color:#909d7f;margin-top:6px}.dialog-head .icon-button{flex-shrink:0;width:31px;height:31px}.dialog-body{padding:22px 27px 8px}.dialog-foot{padding:18px 27px 23px;display:flex;gap:9px;justify-content:flex-end}.dialog-details{padding:14px;background:#f4f5ec;border-radius:10px;font-size:11px;line-height:1.9;color:#7c8c68;margin-bottom:18px}.dialog-details strong{color:#49633e}.toast{position:fixed;right:24px;bottom:24px;max-width:390px;z-index:120;pointer-events:none;opacity:0;transform:translateY(15px);transition:.2s ease;background:var(--forest);color:#f1f4e8;box-shadow:0 6px 30px #173f3525;border:1px solid #5a7b56;border-radius:11px;padding:14px 20px;font-size:12px;line-height:1.6}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{background:#9e4f3c;border-color:#bc705a}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.content-loading{min-height:260px;display:grid;place-items:center;color:#8b987e}.content-loading span{width:28px;height:28px}.skeleton{background:linear-gradient(100deg,#eaede3 20%,#f5f5ec 45%,#eaede3 70%);background-size:300% 100%;animation:shimmer 2s infinite;border-radius:8px}@keyframes shimmer{to{background-position:-150% 0}}[hidden]{display:none!important}
.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(480px,1fr);background:var(--paper)}.login-art{background:var(--forest-deep);color:#eff1df;padding:45px 58px 35px;display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.login-art::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 60%,#3d60474d,transparent 65%);pointer-events:none}.login-art .brand{padding:0;position:relative}.login-art .brand-name{font-size:24px}.login-art-copy{padding:49px 5px 0;position:relative;z-index:1}.login-art-copy .eyebrow{color:#b0bd98;font-size:10px;margin-bottom:17px}.login-art-copy h1{font-size:50px;line-height:1.08;max-width:430px;color:#f4edda}.login-art-copy h1 em{color:#d7bc7d;font-weight:400}.login-art-copy p{font-size:12px;line-height:1.9;color:#afc0a9;max-width:325px;margin-top:19px}.tiffin-art{display:block;width:min(100%,510px);margin:-18px auto -23px;position:relative}.login-art-foot{margin-top:auto;border-top:1px solid #d0ddbc21;padding-top:21px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.5px;color:#a6b794;position:relative}.login-art-foot span{display:flex;gap:6px;align-items:center}.login-art-foot svg{width:13px;height:13px}.login-main{display:flex;align-items:center;justify-content:center;padding:45px 50px;position:relative}.login-inner{width:100%;max-width:382px}.login-preview{position:absolute;top:28px;right:30px}.login-inner>.eyebrow{color:#aa9a71;font-size:9px;margin-bottom:13px}.login-inner h2{font-size:39px;margin-bottom:11px}.login-intro{font-size:12px;color:#8a947d;line-height:1.8;margin-bottom:29px}.login-tabs{display:flex;border:1px solid #dce2d1;background:#f1f3e9;padding:4px;border-radius:9px;margin-bottom:25px}.login-tabs button{width:50%;border:0;border-radius:6px;background:none;padding:10px;font-size:12px;color:#879776}.login-tabs button.active{background:#fffdf6;color:#3b5c32;box-shadow:0 2px 4px #233b330b}.login-tabs svg{width:15px;height:15px;margin-right:6px}.login-form .form-field{margin-bottom:18px}.login-form .form-field input{padding:12px 13px;height:46px}.login-form .btn{height:45px;font-size:12px;margin-top:3px}.login-switch{text-align:center;font-size:11px;color:#909c80;margin-top:18px}.demo-divider{display:flex;align-items:center;gap:12px;margin:29px 0 16px;color:#a4ad96;font-size:9px;letter-spacing:1px;text-transform:uppercase}.demo-divider::before,.demo-divider::after{content:"";height:1px;background:#e1e7d6;flex:1}.demo-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-button{display:flex;flex-direction:column;align-items:center;gap:6px;background:#f7f8ef;border:1px solid #dfe5d4;border-radius:9px;padding:13px 7px;color:#667e54;font-size:10px}.demo-button:hover{background:#eaf0e0;border-color:#9fb28a}.demo-button svg{width:18px;height:18px}.demo-note{text-align:center;font-size:9px;line-height:1.8;color:#a0aa90;margin-top:12px}.login-privacy{font-size:9px;line-height:1.9;color:#a2ac92;text-align:center;margin-top:25px}.password-wrap{position:relative}.password-wrap input{padding-right:47px!important}.password-wrap button{position:absolute;right:8px;top:7px;width:32px;height:32px;border:0;background:none;color:#8ea27b}.password-wrap button svg{width:17px}.status-count{font-size:10px;color:#97a086}.soon-note{font-size:10px;color:#8c9a79;line-height:1.8}.blank-note{padding:18px;text-align:center;color:#8d9a7c;font-size:11px}
@media(min-width:1500px){.workspace{padding-top:42px}.login-art{padding-left:80px;padding-right:80px}.login-art-copy{padding-top:70px}.tiffin-art{width:540px}.login-art-copy h1{font-size:59px;max-width:480px}}
@media(max-width:1180px){:root{--sidebar:216px}.sidebar{padding-left:15px;padding-right:15px}.workspace{padding:28px}.topbar{padding:0 28px}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:18px}.metrics{gap:12px}.metric{padding:18px 16px}.metric-top{font-size:10px}.metric-number{font-size:31px}.customer-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.calendar-grid{grid-template-columns:repeat(4,1fr)}.summary-strip{grid-template-columns:repeat(5,1fr)}.strip-item{padding:15px 14px;gap:8px}.strip-icon{display:none}h1{font-size:35px}.hero-banner{padding:24px}.hero-banner .hero-side{gap:17px}.hero-banner .hero-number{font-size:44px}.hero-banner p{max-width:320px}.hero-banner h2{font-size:25px}.login-art{padding:35px}.login-art-copy h1{font-size:44px}.login-main{padding:60px 35px}.login-art-copy{padding-top:46px}.login-page{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.dashboard-grid,.customer-grid{grid-template-columns:1fr}.dashboard-grid>.stack{display:grid;grid-template-columns:1fr 1fr;align-items:start}.dashboard-grid>.stack>.note-card{grid-column:1/-1}.customer-grid>.stack{display:grid;grid-template-columns:1fr 1fr;align-items:start}.customer-grid>.stack>.panel:last-child{grid-column:1/-1}.calendar-grid{grid-template-columns:repeat(7,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.hero-banner .hero-side{display:none}.hero-banner p{max-width:460px}.page-heading{align-items:flex-start}.top-date{display:none}.settings-grid{grid-template-columns:1fr}.login-art{padding:30px}.login-art-copy h1{font-size:39px}.login-art-copy p{font-size:11px}.login-main{padding:70px 28px}.login-page{grid-template-columns:45% 55%}.login-art-foot{flex-direction:column;gap:8px}}
@media(max-width:760px){:root{--sidebar:244px}.app-layout{padding-left:0}.sidebar{transform:translateX(-100%);transition:transform .2s;padding-top:24px}.menu-open .sidebar{transform:translateX(0)}.menu-open .sidebar-scrim{display:block;position:fixed;inset:0;background:#112e2760;z-index:35;border:0}.topbar{height:66px;padding:0 20px}.mobile-menu{display:inline-grid;margin-right:3px;width:31px;height:31px;border:0}.breadcrumb{font-size:10px}.topbar-right{gap:10px}.topbar .avatar{height:30px;width:30px;font-size:9px}.workspace{padding:26px 20px}.page-heading{margin-bottom:22px;gap:15px}.page-heading h1{font-size:33px}.page-heading .eyebrow{font-size:9px;margin-bottom:8px}.page-heading p{font-size:11px;line-height:1.7;margin-top:8px}.heading-actions{align-items:flex-end;flex-direction:column;gap:6px}.heading-actions .btn{min-height:36px;padding:8px 11px;font-size:10px}.heading-actions .btn svg{width:14px;height:14px}.hero-banner{padding:23px;margin-bottom:20px;min-height:150px}.hero-banner h2{font-size:26px}.hero-banner p{font-size:11px;max-width:330px}.hero-pattern{right:-90px;top:-10px}.metrics{gap:12px;margin-bottom:20px}.metric{padding:17px;min-height:125px}.metric-number{font-size:33px}.metric-caption{font-size:9px}.dashboard-grid{gap:20px}.dashboard-grid>.stack{display:flex}.panel-head{padding:21px 20px 17px}.panel-body{padding:0 20px 20px}.panel-head h2{font-size:24px}.panel-foot{padding:14px 20px}.calendar-grid{padding:0 18px 20px;gap:7px;grid-template-columns:repeat(4,1fr)}.meal-day{min-height:116px}.calendar-legend{padding-left:20px;padding-right:20px}.customer-grid>.stack{display:flex}.page-footer{font-size:8px;line-height:1.8;gap:15px;padding-top:22px}.summary-strip{grid-template-columns:repeat(5,1fr)}.strip-item{padding:15px 9px;text-align:center;justify-content:center}.strip-number{font-size:25px}.strip-label{font-size:8px}.toolbar{gap:12px}.search{min-width:160px;flex:1}.segments{width:auto;max-width:100%;overflow:auto}.segment{padding:7px 9px;font-size:10px}.toolbar .segments{order:3;width:100%}.toolbar .segments .segment{flex:1}.date-picker{gap:4px}.date-picker input{font-size:10px;width:119px;padding:6px}.date-picker .icon-button{width:31px;height:36px}.date-picker .btn{font-size:10px;padding:6px 10px;min-height:36px}.table-wrap th,.table-wrap td{padding:13px 15px}.login-page{display:block}.login-art{min-height:auto;padding:25px 26px 23px}.login-art .brand{padding:0}.login-art .brand-name{font-size:21px}.login-art .brand-mark{height:39px;width:34px;font-size:27px}.login-art-copy{padding-top:25px;max-width:70%;padding-left:0}.login-art-copy h1{font-size:33px;line-height:1.08}.login-art-copy .eyebrow{font-size:8px;margin-bottom:10px}.login-art-copy p{display:none}.tiffin-art{position:absolute;width:220px;right:-40px;bottom:-36px;opacity:.85}.login-art-foot{display:none}.login-main{padding:39px 26px}.login-preview{top:15px;right:20px;font-size:8px}.login-inner h2{font-size:33px}.login-inner>.eyebrow{margin-bottom:9px}.login-intro{font-size:11px;margin-bottom:23px}.login-inner{max-width:420px}.dialog-head{padding:22px 21px 17px}.dialog-body{padding:20px 21px 7px}.dialog-foot{padding:16px 21px 20px}.toast{left:18px;right:18px;bottom:18px;max-width:none}.mobile-only{display:block}.desktop-only{display:none}}
@media(max-width:410px){.workspace{padding:22px 15px}.topbar{padding:0 15px}.preview-tag{font-size:8px;padding:4px 6px}.breadcrumb{display:none}.metric{padding:15px 13px}.metric-top{font-size:9px}.metric-icon{width:25px;height:25px}.metric-caption{font-size:8px}.metric-number{font-size:31px}.calendar-grid{grid-template-columns:repeat(3,1fr)}.hero-banner{padding:21px}.page-heading{flex-wrap:wrap}.heading-actions{flex-direction:row;align-items:center}.form-grid{grid-template-columns:1fr}.login-art-copy h1{font-size:29px}.tiffin-art{right:-56px;width:210px}.summary-strip{grid-template-columns:repeat(5,1fr)}.strip-number{font-size:22px}.strip-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.login-intro{color:#6d7a61}.login-switch{color:#748365}.demo-note,.login-privacy{color:#77856a}.demo-divider{color:#7c8a6e}.login-form input::placeholder{color:#849176}.login-tabs button{color:#6f8060}.page-heading p{color:#6e7a65}.panel-head p{color:#75836a}.metric-caption{color:#76846b}.form-field .help,.soon-note{color:#75856a}
.metric,.panel,.stack{min-width:0}.ledger-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-ledger-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.metrics,.ledger-metrics,.customer-ledger-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-number{font-size:clamp(25px,7.5vw,33px)}.metric-top{flex-wrap:wrap}.metric-caption{overflow-wrap:anywhere}}
.demo-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.portion-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.portion-fields .form-field{min-width:0}.price-quote{padding:16px;margin:0 0 20px;border:1px solid #d7e1cb;border-radius:12px;background:#eff4e6;color:#526d42}.price-quote [data-quote-total]{font:23px Georgia,serif;white-space:nowrap}.price-quote .row-between{align-items:flex-start}.quote-breakdown{font-size:11px;line-height:1.8;margin-top:10px}.quote-breakdown>div{display:flex;justify-content:space-between;gap:15px;padding:3px 0}.quote-breakdown strong{font-weight:600}.quote-policy{font-size:10px;color:#748365;line-height:1.7;margin-top:12px;padding-top:11px;border-top:1px solid #d9e3ce}.day-extra{color:#a27c40;font-size:8px;font-weight:600}.hero-portions{font-weight:600}.summary-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.strip-item{min-width:0;padding-left:16px;padding-right:16px}.strip-label{overflow-wrap:anywhere}
@media(max-width:1180px){.strip-item{padding-left:11px;padding-right:11px}.strip-icon{display:none}}
@media(max-width:760px){.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.strip-item{padding:13px;border-bottom:1px solid var(--line)}.strip-item:nth-child(3){border-right:0}.strip-item:nth-child(n+4){border-bottom:0}.price-quote [data-quote-total]{font-size:20px}.price-quote .row-between{gap:10px}.portion-fields{gap:0 12px}}
.security-grid{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(250px,1fr);gap:24px;max-width:980px}.security-grid .panel-body{padding-top:8px}.security-welcome{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--background,#f4f2ee);color:var(--forest);margin-bottom:20px}.security-welcome .icon{width:27px;height:27px}.security-required{margin:20px 0 14px}.security-required strong{font-size:13px;display:block;margin-bottom:4px}.password-guidance{font-size:11px;line-height:1.7;color:var(--muted,#6f7b87);margin:-5px 0 20px}.account-identifier{font-size:12px;line-height:1.7;margin:0 0 22px;overflow-wrap:anywhere}.security-signout{margin:22px auto 0;display:flex;align-items:center;justify-content:center}.password-form .btn{min-height:44px}.security-grid .setting-row strong{overflow-wrap:anywhere;min-width:0}.security-grid .setting-row span{flex-shrink:0}@media(max-width:760px){.security-grid{grid-template-columns:1fr}.security-welcome{margin-top:12px}.security-required{font-size:12px}}
.password-reminder{display:flex;align-items:center;gap:14px;padding:17px 20px;margin-bottom:24px;border:1px solid var(--line);background:var(--paper);border-radius:13px}.password-reminder>.icon{flex-shrink:0;width:24px;height:24px;color:var(--forest)}.password-reminder>div{flex:1}.password-reminder strong{font-size:13px;line-height:1.5}.password-reminder p{font-size:11px;line-height:1.7;margin:4px 0 0;color:var(--muted,#6e7b87)}.password-reminder>.btn{flex-shrink:0}.password-reminder>.icon-button{flex-shrink:0}@media(max-width:650px){.password-reminder{flex-wrap:wrap;padding:15px;gap:11px}.password-reminder>div{flex-basis:calc(100% - 40px)}.password-reminder>.btn{margin-left:35px}.password-reminder>.icon-button{margin-left:auto}}
.customer-actions{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.pill.ended{background:#ece9e8;color:#786d6b}.service-days,.history-scope-fields{border:1px solid var(--line);padding:15px;border-radius:10px;margin:0 0 20px;min-width:0}.service-days legend,.history-scope-fields legend{font-size:12px;font-weight:600;padding:0 6px}.service-days>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:5px 0 15px}.service-days label{display:flex;align-items:center;gap:8px;font-size:12px}.service-days input{accent-color:var(--forest);width:16px;height:16px}.customer-more{margin:0 0 20px}.customer-more summary{font-size:12px;cursor:pointer;margin-bottom:15px}.history-control-panel{max-width:950px;margin:24px 0}.history-cutoff-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.history-cutoff-form .form-field{min-width:230px}.history-cutoff-form .btn{margin-bottom:17px}.history-archive{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.history-archive:last-child{border-bottom:0}.history-archive p{font-size:12px;line-height:1.7;margin:6px 0;color:var(--muted,#6e7b87)}.history-archive small{font-size:10px;color:var(--muted,#6e7b87)}[data-generated-credentials] input{font-family:ui-monospace,monospace;font-size:13px}[data-generated-credentials] .notice{margin-bottom:18px}@media(max-width:550px){.history-archive{flex-direction:column}.history-cutoff-form{display:block}.history-cutoff-form .form-field{min-width:0}.service-days>div{gap:10px}}