:root{--cream: #FBF6C8;--cream-panel: #FDFBE4;--cream-soft: #FEFDF0;--gold: #D4A72C;--gold-deep: #B8860B;--gold-bar: #D9A94A;--gold-shadow: #E6D9A8;--lime: #B9F26A;--lime-deep: #9FE04A;--orange: #E0883C;--orange-deep: #C96A22;--brown: #8A6D1E;--brown-deep: #6B531A;--danger: #E8A23C;--white: #FFFDF3;--r-lg: 26px;--r-md: 18px;--r-sm: 12px;--r-pill: 999px;--font-display: "Fredoka", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--shadow-chunky: 0 6px 0 var(--gold-shadow);--shadow-soft: 0 8px 24px rgba(138,109,30,.18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--brown-deep);background:radial-gradient(1200px 600px at 50% -200px,#FEFBDA,transparent),var(--cream)}h1,h2,h3,h4{font-family:var(--font-display);color:var(--orange);margin:0 0 .4em;letter-spacing:.3px}h1{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:700}h2{font-size:1.4rem;font-weight:600}a{color:var(--orange-deep)}.app-shell{min-height:100%;display:flex;flex-direction:column}.page{width:min(1100px,92vw);margin:0 auto;padding:24px 0 64px;flex:1}.center-screen{display:grid;place-items:center;min-height:100vh;padding:24px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.grid-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.muted{color:var(--brown);opacity:.8}.stack>*+*{margin-top:14px}.panel{background:var(--cream-panel);border:3px solid var(--gold);border-radius:var(--r-lg);box-shadow:var(--shadow-chunky);padding:22px 24px}.panel-tab{background:var(--gold-bar);color:var(--lime);font-family:var(--font-display);font-weight:600;border-radius:var(--r-md);padding:12px 20px;text-align:center;letter-spacing:.5px;box-shadow:var(--shadow-chunky)}.field,.btn,select,input,.pill{font-family:var(--font-body);font-weight:700;border-radius:var(--r-pill);border:3px solid var(--gold);padding:12px 18px;font-size:.98rem}input.field,select.field,textarea.field{width:100%;background:var(--cream-soft);color:var(--brown-deep);outline:none}input.field::placeholder{color:var(--brown);opacity:.6}input.field:focus,select.field:focus,textarea.field:focus{border-color:var(--orange);box-shadow:0 0 0 4px #e0883c2e}textarea.field{border-radius:var(--r-md);resize:vertical;min-height:90px}label.lbl{display:block;font-weight:700;color:var(--brown);margin-bottom:6px;font-size:.92rem}.btn{cursor:pointer;border:3px solid var(--gold-deep);background:var(--cream-soft);color:var(--brown-deep);transition:transform .06s ease,box-shadow .06s ease;box-shadow:0 4px 0 var(--gold-shadow)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-shadow)}.btn:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.btn-primary{background:var(--lime);border-color:var(--lime-deep);color:var(--brown-deep)}.btn-gold{background:var(--gold-bar);border-color:var(--gold-deep);color:var(--white)}.btn-danger{background:var(--danger);border-color:var(--orange-deep);color:var(--brown-deep)}.btn-ghost{background:transparent;box-shadow:none}.btn-sm{padding:8px 14px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.table-wrap{overflow-x:auto;border-radius:var(--r-md);border:3px solid var(--gold);background:var(--cream-panel);box-shadow:var(--shadow-chunky)}table.galla{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}table.galla thead th{background:var(--gold-bar);color:var(--lime);font-family:var(--font-display);font-weight:600;padding:12px 10px;text-align:left;font-size:.82rem;letter-spacing:.4px;text-transform:uppercase}table.galla tbody td{padding:12px 10px;border-top:2px solid #F0E7B0;font-size:.92rem;color:var(--brown-deep)}table.galla tbody tr:nth-child(2n){background:#fcfae8}.badge{display:inline-block;padding:5px 12px;border-radius:var(--r-pill);font-weight:800;font-size:.78rem;border:2px solid transparent}.badge-pending{background:#fbefc0;color:var(--brown-deep);border-color:var(--gold)}.badge-preparing{background:#fce3b4;color:var(--orange-deep);border-color:var(--orange)}.badge-ready{background:var(--lime);color:var(--brown-deep);border-color:var(--lime-deep)}.badge-completed{background:#cfe9a6;color:#4a6b1e;border-color:#a9d06f}.badge-cancelled{background:#f2d3b0;color:var(--orange-deep);border-color:var(--orange-deep)}.topbar{background:var(--gold-bar);border-bottom:4px solid var(--gold-deep);box-shadow:0 4px 0 var(--gold-shadow)}.topbar-inner{width:min(1100px,92vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.brand{font-family:var(--font-display);font-weight:700;font-size:1.35rem;color:var(--white);letter-spacing:.5px;display:flex;align-items:center;gap:8px}.brand .dot{width:16px;height:16px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 3px var(--gold-deep)}.nav{display:flex;gap:8px;align-items:center}.nav a{text-decoration:none}.nav .navlink{padding:8px 14px;border-radius:var(--r-pill);font-weight:700;color:var(--white)}.nav .navlink.active{background:var(--cream-panel);color:var(--brown-deep)}.product-card{background:var(--gold-bar);border:3px solid var(--gold-deep);border-radius:var(--r-md);box-shadow:var(--shadow-chunky);padding:10px;display:flex;flex-direction:column;gap:8px}.product-card .name-tag{background:#f6ef6e;color:var(--brown-deep);font-family:var(--font-display);font-weight:600;border-radius:var(--r-sm);padding:6px 12px}.product-card .thumb{aspect-ratio:1/1;border-radius:var(--r-sm);background:var(--cream-soft) center/cover no-repeat;display:grid;place-items:center;color:var(--brown);font-weight:700;overflow:hidden}.product-card .thumb img{width:100%;height:100%;object-fit:cover}.product-card .price{color:var(--lime);font-weight:800}.product-card .card-actions{display:flex;gap:8px}.product-card.out{filter:grayscale(.4);opacity:.8}.total-bar{background:linear-gradient(90deg,#fbf07a,#f6e85c);border-radius:var(--r-pill);padding:14px 20px;font-family:var(--font-display);font-weight:700;color:var(--brown-deep);box-shadow:var(--shadow-chunky);display:flex;justify-content:space-between}.stars{font-size:1.4rem;letter-spacing:2px;color:var(--gold-deep)}.stars .on{color:var(--orange)}.rating-bar{height:12px;background:#f0e7b0;border-radius:var(--r-pill);overflow:hidden}.rating-bar>span{display:block;height:100%;background:var(--lime)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#6b531a59;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(560px,94vw);max-height:90vh;overflow:auto}.error-note{background:#f7ddbb;border:2px solid var(--orange-deep);color:var(--orange-deep);padding:10px 14px;border-radius:var(--r-md);font-weight:700}.empty{text-align:center;padding:48px 20px;color:var(--brown)}.spinner{width:34px;height:34px;border-radius:50%;border:5px solid var(--gold-shadow);border-top-color:var(--orange);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.listening{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e0883c80}50%{box-shadow:0 0 0 10px #e0883c00}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 620px){.topbar-inner{flex-direction:column;align-items:stretch}.nav{flex-wrap:wrap;justify-content:center}}.stat-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.stat{background:var(--cream-panel);border:3px solid var(--gold);border-radius:var(--r-md);box-shadow:var(--shadow-chunky);padding:16px}.stat .n{font-family:var(--font-display);font-size:1.6rem;color:var(--orange);font-weight:700}.stat .l{color:var(--brown);font-weight:700;font-size:.85rem}.chip{display:inline-block;padding:6px 14px;border-radius:var(--r-pill);border:2px solid var(--gold);background:var(--cream-soft);font-weight:700;cursor:pointer;font-size:.85rem;color:var(--brown-deep)}.chip.active{background:var(--lime);border-color:var(--lime-deep)}.chip.small{padding:3px 10px;font-size:.76rem}.low-stock{color:var(--orange-deep);font-weight:800}:root{--home-gold: #A07923;--home-green: #C1FF72}.home{min-height:100vh;background:url(/home/bg-pattern.png) center top / 620px auto repeat,var(--cream)}.home-navbar{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,#ab8225,#9a7420);box-shadow:0 4px 14px #6b531a59}.home-navbar-inner{width:min(1200px,94vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.home-logo{height:62px;display:block}.home-nav{display:flex;gap:10px;align-items:center}.home-navbtn{background:var(--home-green);color:#5a4a12;border:2px solid #a9e85f;font-family:var(--font-display);font-weight:600;letter-spacing:.5px;padding:8px 16px;border-radius:6px;cursor:pointer;text-decoration:none;font-size:.95rem;box-shadow:0 3px #7fae3e}.home-navbtn:hover{filter:brightness(1.04)}.home-navbtn:active{transform:translateY(2px);box-shadow:0 1px #7fae3e}.home-content{width:min(1100px,92vw);margin:0 auto;padding:26px 0 60px}.home-kicker{text-align:center;color:var(--orange);font-family:var(--font-display);font-weight:600;font-size:1.25rem;margin:6px 0 14px}.home-hero{display:block;width:100%;max-width:1014px;margin:0 auto 26px;border-radius:18px}.home-login{background:linear-gradient(180deg,#d9a83e,#cf9e2f);border-radius:26px;box-shadow:0 8px 0 var(--gold-shadow);padding:22px 26px;max-width:900px;margin:0 auto 34px;text-align:center}.home-login h2{color:var(--home-green);font-size:1.7rem;margin:0 0 14px;text-shadow:0 2px 0 rgba(107,83,26,.25)}.home-login select{width:100%;text-align:center;text-align-last:center;font-family:var(--font-body);font-weight:700;border-radius:var(--r-pill);border:none;padding:14px 18px;background:var(--cream-soft);color:var(--brown-deep);font-size:1rem;cursor:pointer}.home-login .hint{color:#f0f5b8;margin:12px 0 0;font-weight:600}.home-cards{display:grid;gap:22px;grid-template-columns:repeat(2,1fr)}.home-cards a,.home-cards .home-card{display:block;border-radius:14px;overflow:hidden;box-shadow:0 8px 0 var(--gold-shadow);background:var(--cream-panel);transition:transform .08s ease}.home-cards a:hover{transform:translateY(-2px)}.home-cards img{display:block;width:100%;height:auto}.home-footer{background:var(--home-gold);text-align:center;padding:22px;margin-top:40px}.home-footer a{color:var(--home-green);font-weight:700;text-decoration:none;font-size:1.05rem}.nav-toggle,.home-nav-toggle{display:none;background:var(--cream-soft);border:3px solid var(--gold-deep);border-radius:10px;width:44px;height:40px;cursor:pointer;align-items:center;justify-content:center}.nav-toggle span,.home-nav-toggle span{font-size:1.3rem;line-height:1;color:var(--brown-deep)}.review-item{border-top:2px solid #F0E7B0;padding:10px 0}.review-item:first-child{border-top:none}.canteen-rating{display:inline-flex;align-items:center;gap:6px}@media (max-width: 720px){.home-cards{grid-template-columns:1fr}}@media (max-width: 680px){.nav-toggle{display:inline-flex}.topbar-inner{flex-direction:row;align-items:center}.nav{display:none;position:absolute;top:62px;right:4vw;left:4vw;flex-direction:column;align-items:stretch;background:var(--gold-bar);border:3px solid var(--gold-deep);border-radius:16px;padding:10px;gap:6px;z-index:45;box-shadow:var(--shadow-chunky)}.nav.open{display:flex}.topbar{position:relative}.home-nav-toggle{display:inline-flex}.home-nav{display:none;position:absolute;top:78px;right:4vw;left:4vw;flex-direction:column;align-items:stretch;background:#9a7420;border-radius:14px;padding:12px;gap:8px;z-index:45;box-shadow:0 8px 20px #00000040}.home-nav.open{display:flex}.home-navbar-inner{position:relative}}.app-shell{background:url(/home/bg-app.png) center top / 620px auto repeat,var(--cream)}.gnav{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,#ab8225,#9a7420);box-shadow:0 4px 14px #6b531a59}.gnav-inner{width:min(1200px,94vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;position:relative}.gnav-logo{height:56px;display:block;cursor:pointer}.gnav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gnav-links a,.gnav-links button.glink{background:var(--home-green);color:#5a4a12;border:2px solid #a9e85f;font-family:var(--font-display);font-weight:600;letter-spacing:.4px;padding:7px 14px;border-radius:6px;cursor:pointer;text-decoration:none;font-size:.9rem;box-shadow:0 3px #7fae3e}.gnav-links a.active{background:#eaffcf}.gnav-links a:active,.gnav-links button.glink:active{transform:translateY(2px);box-shadow:0 1px #7fae3e}.gnav-toggle{display:none;background:var(--home-green);border:2px solid #a9e85f;border-radius:8px;width:46px;height:40px;cursor:pointer;box-shadow:0 3px #7fae3e}.staff-layout{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}.side-panel{background:linear-gradient(180deg,#f3c766,#f0b93f);border-radius:18px;box-shadow:var(--shadow-chunky);padding:18px}.side-panel .side-title{background:var(--gold-bar);color:var(--home-green);font-family:var(--font-display);font-weight:600;text-align:center;border-radius:12px;padding:10px;margin-bottom:14px;box-shadow:var(--shadow-chunky)}.side-panel label.lbl{color:var(--brown-deep)}.section-head{background:var(--gold-bar);color:var(--home-green);font-family:var(--font-display);font-weight:600;text-align:center;border-radius:16px;padding:12px;box-shadow:var(--shadow-chunky);margin-bottom:16px;font-size:1.3rem}.prod-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.staff-card{background:var(--gold-bar);border:3px solid var(--gold-deep);border-radius:14px;box-shadow:var(--shadow-chunky);padding:8px;display:flex;flex-direction:column;gap:6px}.staff-card .name-tag{background:#f6ef6e;color:var(--brown-deep);font-family:var(--font-display);font-weight:600;border-radius:8px;padding:6px 10px}.staff-card .thumb{aspect-ratio:1/1;border-radius:8px;background:var(--cream-soft);display:grid;place-items:center;overflow:hidden}.staff-card .thumb img{width:100%;height:100%;object-fit:cover}.staff-card .price-bar{background:#7a5e1a;color:var(--home-green);font-weight:800;border-radius:6px;padding:6px 10px;font-size:.9rem}.staff-card .card-btns{display:flex;gap:6px;flex-wrap:wrap}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.card-tab{background:var(--gold-bar);border-radius:22px;box-shadow:var(--shadow-chunky);padding:18px}.card-tab h2{color:var(--home-green);text-align:center;font-size:1.9rem;text-shadow:0 2px 0 rgba(107,83,26,.2)}.contact-line{display:flex;align-items:center;gap:8px;color:var(--home-green);font-weight:700;margin:4px 0}.map-embed{width:100%;aspect-ratio:4/3;border:0;border-radius:16px;background:var(--cream-soft)}.profile-head{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.profile-photo{width:120px;height:120px;border-radius:50%;border:4px solid var(--gold);background:var(--cream-soft);object-fit:cover}.field-strip{background:#d79a4e;color:var(--home-green);font-weight:800;border-radius:var(--r-pill);padding:12px 18px}.dual-btn{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-chunky);border:3px solid var(--gold-deep)}.dual-btn>button{border:none;border-radius:0;box-shadow:none;padding:14px;font-family:var(--font-display);font-weight:600;cursor:pointer}.auth-wrap{min-height:100vh;background:url(/home/bg-app.png) center top / 620px auto repeat,var(--cream);padding:24px 0 60px}.auth-card{width:min(560px,94vw);margin:0 auto;background:linear-gradient(180deg,#d9a83e,#cf9e2f);border-radius:24px;box-shadow:var(--shadow-chunky);padding:24px}.auth-card h2{color:var(--home-green);text-align:center}.auth-card .lbl{color:#fff}.public-bar{background:linear-gradient(180deg,#ab8225,#9a7420);box-shadow:0 4px 14px #6b531a59}.public-bar-inner{width:min(1200px,94vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 0}@media (max-width: 820px){.staff-layout,.two-col{grid-template-columns:1fr}}@media (max-width: 680px){.gnav-toggle{display:inline-block}.gnav-links{display:none;position:absolute;top:60px;right:0;left:0;flex-direction:column;align-items:stretch;background:#9a7420;border-radius:14px;padding:12px;z-index:45;box-shadow:0 8px 20px #00000040}.gnav-links.open{display:flex}}.pw-wrap{position:relative}.pw-wrap .field{padding-right:48px;width:100%}.pw-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:1.15rem;line-height:1;padding:6px;border-radius:8px}.pw-eye:hover{background:#8a6d1e1f}.voice-fab{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:12px 20px 12px 16px;border-radius:999px;background:var(--lime);color:var(--brown-deep);border:3px solid var(--lime-deep);box-shadow:0 6px #7fae3e,0 10px 26px #6b531a4d;font-family:var(--font-display);font-weight:700;font-size:1.05rem;cursor:pointer}.voice-fab .voice-fab-icon{font-size:1.35rem;line-height:1}.voice-fab .voice-fab-label{letter-spacing:.3px}.voice-fab:hover{filter:brightness(1.05)}.voice-fab:active{transform:translateY(3px);box-shadow:0 3px #7fae3e}.voice-fab.on{background:var(--orange);border-color:var(--orange-deep);color:#fff;animation:pulse 1.2s ease-in-out infinite}.voice-fab:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.voice-caption{position:fixed;right:20px;bottom:88px;z-index:60;width:min(380px,88vw);background:var(--cream-panel);border:3px solid var(--gold);border-radius:16px;box-shadow:var(--shadow-chunky);padding:12px 14px;color:var(--brown-deep);display:flex;flex-direction:column;gap:6px;font-size:.95rem}.voice-caption .voice-status{font-weight:800;color:var(--orange-deep)}.voice-caption .voice-heard{font-style:italic;color:var(--brown)}.voice-caption .voice-said{font-weight:700}.voice-caption .voice-actions{display:flex;gap:8px;margin-top:2px}.voice-help{background:var(--gold-bar);color:#fff;border:none;border-radius:999px;padding:4px 12px;font-weight:700;cursor:pointer;font-size:.8rem}.voice-help:hover{filter:brightness(1.05)}@media (max-width: 620px){.voice-fab{right:14px;bottom:14px;padding:10px 16px}.voice-caption{right:14px;bottom:76px}}