:root{--paper:#F6F5F0;--paper-raised:#FFFFFF;--ink:#20262B;--ink-soft:#586069;--ink-faint:#8A8F94;--line:#DCD8CC;--line-soft:#E8E5DA;--navy:#1F3F5C;--navy-ink:#16304A;--navy-tint:#E1E9EF;--navy-tint-strong:#C9D9E3;--forest:#2F6B4F;--forest-tint:#E1EEE6;--gold:#8A5E12;--gold-tint:#F3E6CC;--brick:#9B3A34;--brick-tint:#F3DEDC;--focus:#1F3F5C;--shadow:0 1px 2px rgba(32,38,43,.06), 0 4px 14px rgba(32,38,43,.07);--radius:10px;--font-display:"Fraunces", Georgia, serif;--font-body:"IBM Plex Sans", -apple-system, Segoe UI, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--brand-deep:#16304A;--brand-navy:#1F3F5C;--brand-navy-2:#294E6E;--brand-gold:#C99A3D;--brand-on:#FFFFFF}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#14181B;--paper-raised:#1C2125;--ink:#ECE9E1;--ink-soft:#A9AFAE;--ink-faint:#747B7A;--line:#323A3B;--line-soft:#272E2F;--navy:#6FA0C2;--navy-ink:#BFDAEB;--navy-tint:#1F2F3B;--navy-tint-strong:#28404F;--forest:#72C79A;--forest-tint:#1C2F26;--gold:#D6A84A;--gold-tint:#322815;--brick:#E08A82;--brick-tint:#3A2220;--focus:#6FA0C2;--shadow:0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.35)}}:root[data-theme=dark]{--paper:#14181B;--paper-raised:#1C2125;--ink:#ECE9E1;--ink-soft:#A9AFAE;--ink-faint:#747B7A;--line:#323A3B;--line-soft:#272E2F;--navy:#6FA0C2;--navy-ink:#BFDAEB;--navy-tint:#1F2F3B;--navy-tint-strong:#28404F;--forest:#72C79A;--forest-tint:#1C2F26;--gold:#D6A84A;--gold-tint:#322815;--brick:#E08A82;--brick-tint:#3A2220;--focus:#6FA0C2;--shadow:0 1px 2px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;text-wrap:balance;margin:0;color:var(--ink)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}a{color:var(--navy)}button{font-family:var(--font-body)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--navy-tint-strong)}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}#root{min-height:100vh}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex:0 0 236px;background:var(--paper-raised);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;gap:18px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;flex-direction:column;gap:2px;padding:2px 6px 10px;border-bottom:1px solid var(--line-soft)}.brand .school{font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.2}.brand .tag{font-size:11px;color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase}.period-chip{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius);background:var(--navy-tint);border:1px solid var(--navy-tint-strong);font-size:12px}.period-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--forest);flex:0 0 auto}.period-chip strong{font-size:13px;display:block;font-family:var(--font-mono)}.nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-group{margin-top:10px}.nav-group-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);padding:6px 10px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;color:var(--ink-soft);font-size:13.5px;font-weight:500;border:none;background:none;text-align:left;width:100%}.nav-item:hover{background:var(--line-soft);color:var(--ink)}.nav-item.active{background:var(--navy);color:#fff}.nav-item .ic{width:16px;text-align:center;flex:0 0 auto;font-family:var(--font-mono);font-size:12px}.user-card{border-top:1px solid var(--line-soft);padding-top:12px;display:flex;flex-direction:column;gap:8px}.user-row{display:flex;align-items:center;gap:9px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex:0 0 auto}.user-meta{min-width:0}.user-meta .name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta .role{font-size:11px;color:var(--ink-faint)}.link-btn{background:none;border:none;color:var(--ink-faint);font-size:11.5px;text-decoration:underline;cursor:pointer;padding:0;text-align:left}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 28px;flex-wrap:wrap;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.topbar h1{font-size:21px}.topbar .sub{font-size:12.5px;color:var(--ink-faint);margin-top:2px}.topbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.content{padding:22px 28px 60px;flex:1}.content>.panel+.panel{margin-top:18px}.panel{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-pad{padding:18px 20px}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:16px 20px 0}.panel-head h3{font-size:15px}.panel-head .hint{font-size:12px;color:var(--ink-faint)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-tile{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.stat-tile .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.stat-tile .val{font-family:var(--font-mono);font-size:26px;font-weight:600;margin-top:4px}.stat-tile .sub{font-size:11.5px;color:var(--ink-soft);margin-top:3px}.stat-tile.good .val{color:var(--forest)}.stat-tile.warn .val{color:var(--gold)}.stat-tile.bad .val{color:var(--brick)}.bar-row{display:flex;align-items:center;gap:10px;margin:7px 0}.bar-row .lbl{width:76px;font-size:12px;color:var(--ink-soft);flex:0 0 auto}.bar-track{flex:1;height:10px;background:var(--line-soft);border-radius:5px;overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:5px;background:var(--forest)}.bar-row .n{width:86px;text-align:right;font-family:var(--font-mono);font-size:12px;flex:0 0 auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr:hover{background:var(--line-soft)}.table-wrap{overflow-x:auto}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:600;white-space:nowrap}.chip.good{background:var(--forest-tint);color:var(--forest)}.chip.warn{background:var(--gold-tint);color:var(--gold)}.chip.bad{background:var(--brick-tint);color:var(--brick)}.chip.neutral{background:var(--line-soft);color:var(--ink-soft)}.chip .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:var(--paper-raised);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--line-soft)}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover{background:var(--navy-ink)}.btn.danger{background:var(--brick);border-color:var(--brick);color:#fff}.btn.ghost{background:none;border-color:transparent}.btn.sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.field label{font-size:12px;font-weight:600;color:var(--ink-soft)}.field .help{font-size:11px;color:var(--ink-faint)}input[type=text],input[type=number],input[type=date],input[type=time],input[type=password],input[type=month],select,textarea{font-family:var(--font-body);font-size:13.5px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--paper-raised);color:var(--ink);width:100%}textarea{resize:vertical;min-height:60px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 14px}.checkbox-row{display:flex;align-items:center;gap:7px;font-size:13px}fieldset{border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0 0 13px}fieldset legend{font-size:11.5px;font-weight:600;color:var(--ink-soft);padding:0 4px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px;flex-wrap:wrap}.tab-btn{padding:9px 14px;font-size:13px;font-weight:600;color:var(--ink-faint);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px}.tab-btn.active{color:var(--navy);border-bottom-color:var(--navy)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181b73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal{background:var(--paper-raised);border-radius:12px;max-width:560px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:var(--shadow);border:1px solid var(--line)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper-raised)}.modal-body{padding:18px 20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:var(--paper-raised)}.x-close{background:none;border:none;font-size:18px;color:var(--ink-faint);cursor:pointer;line-height:1}.toast-wrap{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:200;max-width:320px}.toast{padding:11px 15px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--paper-raised)}.toast.good{border-color:var(--forest);color:var(--forest)}.toast.bad{border-color:var(--brick);color:var(--brick)}.toast.info{border-color:var(--navy);color:var(--navy)}.banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:12.5px;margin-bottom:14px}.banner.low{background:var(--brick-tint);color:var(--brick)}.banner.note{background:var(--navy-tint);color:var(--navy)}.empty{padding:30px 10px;text-align:center;color:var(--ink-faint);font-size:13px}.theme-toggle{display:inline-flex;align-items:center;gap:7px;padding:5px;border-radius:99px;border:1px solid var(--line);background:var(--paper-raised);cursor:pointer;flex:0 0 auto}.theme-toggle .seg{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:13px;color:var(--ink-faint)}.theme-toggle .seg.active{background:var(--navy);color:#fff}.theme-toggle-inline{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--ink-faint)}.login-outer{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--paper)}.login-shell{max-width:940px;width:100%;display:grid;grid-template-columns:1.05fr 1fr;background:var(--paper-raised);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);position:relative}.login-hero{background:linear-gradient(160deg,var(--brand-navy-2) 0%,var(--brand-deep) 100%);color:var(--brand-on);padding:38px 34px;display:flex;flex-direction:column;justify-content:space-between;gap:26px;position:relative}.login-hero .eyebrow{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;font-weight:600}.login-hero h1{font-size:27px;color:var(--brand-on);line-height:1.18;margin-top:8px;text-wrap:balance}.login-hero .tag{font-size:13.5px;line-height:1.55;opacity:.82;margin-top:10px;max-width:36ch}.hero-illustration{width:100%;max-width:172px;margin:6px auto;display:block}.hero-stats{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.16);padding-top:16px}.hero-stats .hs b{display:block;font-family:var(--font-mono);font-size:19px;font-weight:600}.hero-stats .hs span{font-size:10px;opacity:.72;text-transform:uppercase;letter-spacing:.06em}.login-card-panel{padding:36px 32px;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative}.login-card-panel h2{font-size:19px}.login-card-panel .sub{font-size:12.5px;color:var(--ink-faint);margin-top:4px;line-height:1.5}.login-theme-toggle{position:absolute;top:16px;right:16px}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:18px}.staff-card{border:1px solid var(--line);border-radius:10px;padding:14px 8px;text-align:center;cursor:pointer;background:var(--paper-raised)}.staff-card:hover{border-color:var(--navy);box-shadow:var(--shadow)}.staff-card .av{width:36px;height:36px;border-radius:50%;background:var(--navy-tint);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 8px}.staff-card .nm{font-size:12px;font-weight:600}.staff-card .rl{font-size:10px;color:var(--ink-faint);margin-top:2px}.pin-dots{display:flex;gap:10px;justify-content:center;margin:16px 0}.pin-dots span{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--line);display:inline-block}.pin-dots span.filled{background:var(--navy);border-color:var(--navy)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:230px;margin:0 auto}.keypad button{padding:14px;font-size:16px;border-radius:8px;border:1px solid var(--line);background:var(--paper-raised);font-family:var(--font-mono);cursor:pointer;min-height:44px}.keypad button:hover{background:var(--line-soft)}@media(max-width:780px){.login-outer{padding:0}.login-shell{grid-template-columns:1fr;border-radius:0;border:none;max-width:100%;min-height:100vh}.login-hero{padding:30px 24px 26px;gap:18px}.hero-illustration{max-width:118px;margin:2px auto}.login-hero h1{font-size:23px}.login-card-panel{padding:28px 22px 40px}}.scan-box{padding:26px;text-align:center}.scan-input{font-family:var(--font-mono);font-size:18px;text-align:center;padding:14px;letter-spacing:.03em}.meal-picker{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0}.meal-pick-btn{padding:9px 18px;border-radius:99px;border:1px solid var(--line);background:var(--paper-raised);font-weight:600;font-size:13px;cursor:pointer}.meal-pick-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.result-panel{margin-top:18px;border-radius:10px;padding:20px}.result-panel.approved{background:var(--forest-tint);border:1px solid var(--forest)}.result-panel.blocked{background:var(--brick-tint);border:1px solid var(--brick)}.result-panel .rname{font-family:var(--font-display);font-size:20px;font-weight:600}.result-panel .rstatus{font-size:14px;font-weight:700;letter-spacing:.03em;margin-top:2px}.result-panel.approved .rstatus{color:var(--forest)}.result-panel.blocked .rstatus{color:var(--brick)}.result-panel .rmeta{font-size:12px;color:var(--ink-soft);margin-top:6px;font-family:var(--font-mono)}.qr-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center;color:#111}.qr-card .sid{font-family:var(--font-mono);font-size:13px;margin-top:10px}.qr-card .nm{font-family:var(--font-display);font-weight:600;font-size:15px;margin-top:2px}.qr-card .pr{font-size:11px;color:#555}.role-card{border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--paper-raised)}.role-card h4{font-size:14px;margin-bottom:6px}.role-card ul{margin:0;padding-left:18px;font-size:12.5px;color:var(--ink-soft)}.role-card ul li{margin-bottom:3px}.recipe-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:end;margin-bottom:8px}.sparkbar{display:flex;align-items:flex-end;gap:3px;height:38px}.sparkbar .sb{flex:1;background:var(--navy-tint-strong);border-radius:2px 2px 0 0;min-height:2px}@media print{body *{visibility:hidden}#printArea,#printArea *{visibility:visible}#printArea{position:absolute;top:0;left:0;width:100%}}#printArea{display:none}.print-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:14px}.mobile-bar,.sidebar-backdrop{display:none}@media(max-width:820px){.mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--paper-raised);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.mobile-bar .mb-title{font-family:var(--font-display);font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hamburger-btn{width:38px;height:38px;flex:0 0 auto;border-radius:8px;border:1px solid var(--line);background:var(--paper-raised);display:flex;align-items:center;justify-content:center;cursor:pointer;gap:3px;flex-direction:column}.hamburger-btn span{display:block;width:16px;height:2px;background:var(--ink);border-radius:1px}.mb-avatar{width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11.5px;flex:0 0 auto;border:none;cursor:pointer}.shell{flex-direction:column}.sidebar{position:fixed;top:0;left:0;height:100vh;width:82vw;max-width:300px;z-index:50;transform:translate(-101%);transition:transform .22s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121473;z-index:45}.nav-item{padding:12px 10px;font-size:14.5px;min-height:44px}.topbar{padding:12px 16px}.content{padding:16px}.btn{min-height:38px}.staff-card{min-height:88px}.scan-box{padding:18px 14px}.scan-input{font-size:15px;padding:12px}.meal-pick-btn{padding:9px 14px;font-size:12.5px}.recipe-row{grid-template-columns:1fr;gap:4px;border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:10px}.recipe-row .field{margin-bottom:0}.recipe-row>button{justify-self:start}.login-theme-toggle{top:10px;right:10px}}.sync-slot{padding:8px 6px 0}.sync-chip{border:none;cursor:pointer;font-family:inherit;width:100%;justify-content:flex-start}.sync-chip:hover{filter:brightness(.96)}.sync-chip.compact{width:auto;max-width:46vw;overflow:hidden}.sync-chip.compact span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sync-chip .dot.pulsing{animation:sync-pulse 1.1s ease-in-out infinite}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.sync-chip .dot.pulsing{animation:none}}.sync-detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.sync-detail-row span{color:var(--ink-faint)}.sync-op-list{max-height:210px;overflow:auto;border:1px solid var(--line);border-radius:8px}.sync-op{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 9px;font-size:12px;border-bottom:1px solid var(--line-soft)}.sync-op:last-child{border-bottom:none}.sync-op span:last-child{color:var(--ink-faint);text-align:right}.sync-op.bad span:last-child{color:var(--brick)}.app-prompt{position:fixed;left:50%;transform:translate(-50%);bottom:18px;z-index:60;display:flex;align-items:center;gap:12px;max-width:min(520px,calc(100vw - 28px));padding:10px 12px 10px 16px;border-radius:10px;background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-lg, var(--shadow))}.app-prompt .txt{font-size:13px;line-height:1.35}.app-prompt .txt strong{display:block;font-size:13.5px}.app-prompt .txt span{color:var(--ink-faint)}.app-prompt .acts{display:flex;gap:6px;margin-left:auto}@media(max-width:560px){.app-prompt{flex-direction:column;align-items:stretch;gap:8px;bottom:10px}.app-prompt .acts{margin-left:0;justify-content:flex-end}}.sync-retry{width:100%;justify-content:center;margin-top:6px;font-size:12px;padding:6px 10px}.sync-retry:disabled{opacity:.6;cursor:default}