:root{--brand:#ff6200;--brand-2:#ff7a00;--brand-dark:#fc8019;--brand-soft:#fff1e7;--brand-glow:#ff62002e;--success:#16a34a;--success-soft:#f0fdf4;--success-muted:#86efac;--danger:#dc2626;--danger-soft:#fff5f5;--danger-muted:#fecaca;--warning:#d97706;--warning-soft:#fffbeb;--info:#2563eb;--info-soft:#eff6ff;--text:#1a1d2e;--text-2:#3d4152;--muted:#6b7280;--muted-2:#9ca3af;--surface:#fff;--surface-soft:#f9fafb;--bg-soft:#fff8f3;--bg:#f8f4ee;--stroke:#00000012;--stroke-2:#0000001f;--shadow-xs:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-sm:0 4px 12px #00000012, 0 2px 4px #0000000a;--shadow-md:0 8px 24px #00000017, 0 3px 8px #0000000d;--shadow-lg:0 16px 40px #0000001f, 0 6px 14px #0000000f;--shadow-xl:0 24px 56px #00000026, 0 10px 20px #00000012;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--radius-xs:8px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--duration:.2s;--duration-lg:.3s}*,:before,:after{box-sizing:border-box}html,body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:linear-gradient(160deg,#fff7f1 0%,#fffdfb 60%,#f9f9f9 100%);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;outline:none}img{max-width:100%;display:block}.appShell{width:100%;min-height:100vh}.topBarWhite{z-index:20;border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(16px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:20px;padding:14px 28px;display:flex;position:sticky;top:0}.topBarRightGroup{align-items:center;gap:22px;display:flex}.leftGroup{align-items:center;gap:14px;display:flex}.brandLogo{width:46px;height:46px;color:var(--brand);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;font-weight:900;display:flex}.brandLogoImageWrap{padding:2px;overflow:hidden}.brandLogoImage{object-fit:cover;border-radius:12px}.brandMini{color:var(--text);letter-spacing:-.3px;font-size:18px;font-weight:800;line-height:1.2}.brandMiniSub{color:var(--muted);margin-top:2px;font-size:12px;font-weight:600}.navMini{align-items:center;gap:6px;display:flex}.navMini a{color:var(--text-2);transition:background var(--duration) var(--ease), color var(--duration) var(--ease), transform var(--duration) var(--ease);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:700}.navMini a:hover{background:var(--brand-soft);color:var(--brand);transform:translateY(-1px)}.pageWrap{max-width:1320px;margin:0 auto;padding:32px 28px 56px}.sectionHeading{letter-spacing:-1.8px;color:var(--text);margin:8px 0 10px;font-size:clamp(38px,5vw,58px);font-weight:900;line-height:1}.sectionSub{color:var(--muted);max-width:820px;margin:0;font-size:18px;font-weight:500;line-height:1.7}.menuKicker{background:var(--brand-soft);color:var(--brand);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:7px 14px;font-size:12px;font-weight:800;display:inline-flex}.searchRow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.filterChip{border:1.5px solid var(--stroke-2);cursor:pointer;color:var(--text-2);transition:all var(--duration) var(--ease);background:#fff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700}.filterChip:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);transform:translateY(-1px)}.filterChip.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 4px 14px var(--brand-glow)}.searchInput{border:1.5px solid var(--stroke-2);min-width:280px;height:48px;color:var(--text);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#fff;border-radius:12px;flex:1;padding:0 16px;font-size:15px;font-weight:500}.searchInput:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.searchInput::placeholder{color:var(--muted-2)}.badge{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}.badge.pending{color:#c2410c;background:#fff7ed}.badge.pending:before{background:#fb923c;animation:1.8s ease-in-out infinite badgePulse}.badge.accepted{color:#15803d;background:#f0fdf4}.badge.accepted:before{background:#4ade80}.badge.preparing{color:#1d4ed8;background:#eff6ff}.badge.preparing:before{background:#60a5fa;animation:1.4s ease-in-out infinite badgePulse}.badge.ready{color:#166534;background:#f0fdf4}.badge.ready:before{background:#16a34a}.badge.rejected{color:#b91c1c;background:#fef2f2}.badge.rejected:before{background:#f87171}.badge.cancelled{color:#6b7280;background:#f3f4f6}.badge.cancelled:before{background:#9ca3af}.badge.paid{color:#166534;background:#f0fdf4}.badge.paid:before{background:#16a34a}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.paymentbadge{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:800;display:inline-flex}.paymentbadge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}.paymentbadge.paid{color:#166534;background:#f0fdf4}.paymentbadge.paid:before{background:#16a34a}.paymentbadge.awaiting{color:#c2410c;background:#fff7ed}.paymentbadge.awaiting:before{background:#fb923c;animation:1.8s ease-in-out infinite badgePulse}.slotChip,.amountChip,.qtyTag{border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-flex}.slotChip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.amountChip{background:var(--brand-soft);color:var(--brand);border:1px solid #ff620026;font-weight:800}.qtyTag{color:#374151;background:#f1f5f9;border:1px solid #e2e8f0}.primarySmallBtn,.secondaryBtn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration) var(--ease);border:none;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.primarySmallBtn{background:var(--brand);color:#fff;box-shadow:0 4px 14px var(--brand-glow)}.primarySmallBtn:hover{background:var(--brand-dark);box-shadow:0 6px 20px var(--brand-glow);transform:translateY(-1px)}.secondaryBtn{color:var(--text-2);border:1.5px solid var(--stroke-2);box-shadow:var(--shadow-xs);background:#fff}.secondaryBtn:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);transform:translateY(-1px)}.authButton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--brand) 0%, #ff8f1f 100%);color:#fff;cursor:pointer;width:100%;height:52px;box-shadow:0 4px 16px var(--brand-glow);transition:all var(--duration) var(--ease);border:none;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:inline-flex}.authButton:hover{box-shadow:0 8px 24px var(--brand-glow);transform:translateY(-2px)}.gridCards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;margin-top:24px;display:grid}.foodCard{border:1px solid var(--stroke);box-shadow:var(--shadow-sm);transition:transform var(--duration-lg) var(--ease), box-shadow var(--duration-lg) var(--ease);background:#fff;border-radius:22px;overflow:hidden}.foodCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.foodThumb{object-fit:cover;width:100%;height:220px;display:block}.foodBody{padding:18px}.foodName{color:var(--text);letter-spacing:-.2px;margin:0;font-size:20px;font-weight:800}.foodDesc{color:var(--muted);min-height:48px;margin:8px 0 0;font-size:14px;line-height:1.6}.foodMeta{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.foodPrice{color:var(--text);font-size:20px;font-weight:900}.buyBtn{background:var(--brand);color:#fff;cursor:pointer;box-shadow:0 4px 12px var(--brand-glow);transition:all var(--duration) var(--ease);border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:800}.buyBtn:hover{background:var(--brand-dark);box-shadow:0 6px 18px var(--brand-glow);transform:translateY(-1px)}.foodCardPremium{border:1px solid var(--stroke);box-shadow:var(--shadow-sm);transition:transform var(--duration-lg) var(--ease), box-shadow var(--duration-lg) var(--ease);background:#fff;border-radius:22px;overflow:hidden}.foodCardPremium:hover{box-shadow:var(--shadow-xl);transform:translateY(-6px)}.foodImageWrap{background:#f5f5f5;position:relative;overflow:hidden}.foodThumbPremium{object-fit:cover;width:100%;height:230px;transition:transform .4s var(--ease)}.foodCardPremium:hover .foodThumbPremium{transform:scale(1.04)}.foodOverlayTag{color:var(--text);letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-xs);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff0;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.foodBodyPremium{padding:18px 20px 20px}.foodHeaderRow{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.foodHeaderRow .foodName{color:var(--text);letter-spacing:-.2px;margin:0;font-size:18px;font-weight:800;line-height:1.3}.foodHeaderRow .foodPrice{color:var(--brand);flex-shrink:0;font-size:20px;font-weight:900}.foodBodyPremium .foodDesc{min-height:56px;color:var(--muted);margin-top:8px;font-size:14px;line-height:1.65}.foodFooterRow{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.foodMetaSub{color:var(--muted-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.foodFooterRow .buyBtn{background:linear-gradient(90deg, var(--brand) 0%, #ff8f1f 100%);color:#fff;cursor:pointer;min-width:80px;box-shadow:0 4px 12px var(--brand-glow);transition:all var(--duration) var(--ease);border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:800}.foodFooterRow .buyBtn:hover{box-shadow:0 8px 20px var(--brand-glow);transform:translateY(-2px)}.menuHero{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:10px;display:flex}.menuControls{z-index:12;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--stroke);background:linear-gradient(#fff7f1f7 0%,#fffdfbf7 100%);margin-bottom:4px;padding:14px 0 10px;position:sticky;top:78px}.menuSearchRow{margin-top:0}.menuSections{gap:48px;margin-top:28px;display:grid}.menuSectionBlock{gap:20px;display:grid}.menuSectionHead h2{letter-spacing:-.6px;color:var(--text);margin:0;font-size:28px;font-weight:900}.menuSectionHead p{color:var(--muted);margin:6px 0 0;font-size:15px;line-height:1.6}.loginScreen{background:radial-gradient(at 0 0,#fff0e3 0%,#0000 40%),radial-gradient(at 100% 100%,#fef3ff 0%,#0000 40%),linear-gradient(#f8f4ee 0%,#f5efe7 100%);align-items:stretch;min-height:100vh;padding:40px 22px;display:flex}.loginShell{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;width:100%;max-width:1240px;margin:0 auto;display:grid}.loginCardPanel,.loginVisualPanel{border:1px solid var(--stroke-2);box-shadow:var(--shadow-lg);background:#fffffff0;border-radius:28px}.loginCardPanel{padding:32px 36px}.loginVisualPanel{background:linear-gradient(145deg,#fff7f0 0%,#fffdf9 100%);padding:28px;overflow:hidden}.loginRoleTabs{background:var(--surface-soft);border-radius:14px;flex-wrap:wrap;gap:8px;padding:4px;display:flex}.loginRoleTab{color:var(--muted);cursor:pointer;transition:all var(--duration) var(--ease);text-align:center;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 16px;font-size:14px;font-weight:700}.loginRoleTab.active{color:var(--text);box-shadow:var(--shadow-xs);background:#fff;font-weight:800}.loginCopy h1{color:var(--text);letter-spacing:-2px;margin:28px 0 0;font-size:clamp(38px,5vw,60px);font-weight:900;line-height:1}.loginCopy p{color:var(--muted);max-width:560px;margin:16px 0 0;font-size:18px;font-weight:400;line-height:1.65}.loginFormWrap{gap:12px;margin-top:28px;display:grid}.loginInput{border:1.5px solid var(--stroke-2);height:54px;color:var(--text);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:#fff;border-radius:14px;padding:0 18px;font-size:16px;font-weight:500}.loginInput:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.loginInput::placeholder{color:var(--muted-2)}.loginMainBtn{color:#fff;cursor:pointer;height:54px;box-shadow:0 6px 20px var(--brand-glow);transition:all var(--duration) var(--ease);background:linear-gradient(90deg,#ff6b00 0%,#ff9b1f 100%);border:none;border-radius:14px;margin-top:4px;font-size:16px;font-weight:800}.loginMainBtn:hover:not(:disabled){box-shadow:0 10px 28px var(--brand-glow);transform:translateY(-2px)}.loginVisualCopy h2{color:var(--text);letter-spacing:-1px;margin:0;font-size:clamp(28px,3.5vw,52px);font-weight:900;line-height:1.06}.loginVisualCopy p{color:var(--muted);margin:14px 0 0;font-size:18px;font-weight:400;line-height:1.65}.loginFoodShowcase{justify-content:center;align-items:center;min-height:480px;margin-top:24px;display:flex;position:relative}.loginFoodPrimary{z-index:2;position:relative}.loginFoodMainImage{filter:drop-shadow(0 28px 44px #00000029);width:auto;max-width:100%;height:auto}.loginFoodMini{z-index:1;position:absolute}.loginFoodMiniLeft{bottom:36px;left:0}.loginFoodMiniRight{top:28px;right:0}.loginMiniImage{filter:drop-shadow(0 16px 28px #00000024);width:auto;max-width:170px;height:auto}.ordersHero,.paymentHero,.staffHero{margin-bottom:12px}.orderGrid{gap:16px;margin-top:24px;display:grid}.orderGridRefined{max-width:920px}.orderCard{border:1px solid var(--stroke);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-lg) var(--ease), transform var(--duration-lg) var(--ease);background:#fff;border-left:3px solid #0000;border-radius:20px;gap:14px;padding:22px 24px;display:grid}.orderCard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.orderCard[data-status=pending]{border-left-color:#fb923c}.orderCard[data-status=accepted]{border-left-color:#4ade80}.orderCard[data-status=preparing]{border-left-color:#60a5fa}.orderCard[data-status=ready]{border-left-color:#16a34a}.orderCard[data-status=rejected]{border-left-color:#f87171}.orderCardRefined{gap:14px}.orderTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.orderId{letter-spacing:-.4px;color:var(--text);font-size:22px;font-weight:900}.orderMiniMeta{color:var(--muted);margin-top:4px;font-size:13px;font-weight:600}.orderMeta{color:var(--text-2);gap:4px;font-size:14px;line-height:1.7;display:grid}.orderMetaRefined{font-size:15px}.orderProgressRow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.progressStep{color:var(--muted);letter-spacing:.02em;transition:background var(--duration) var(--ease), color var(--duration) var(--ease);background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;display:flex}.progressStep:before{content:"";background:var(--muted-2);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:block}.progressStep.done{background:var(--success-soft);color:var(--success)}.progressStep.done:before{background:var(--success)}.orderActions{flex-wrap:wrap;gap:10px;display:flex}.staffStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.staffStatsGridRefined{margin-top:22px}.staffStatCard{border:1px solid var(--stroke);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-lg) var(--ease), transform var(--duration-lg) var(--ease);background:#fff;border-radius:20px;padding:22px 24px}.staffStatCard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.staffStatCardRefined{min-height:136px}.staffStatLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.staffStatValue{color:var(--text);letter-spacing:-1px;margin-top:10px;font-size:36px;font-weight:900;line-height:1}.staffStatHint{color:var(--muted);margin-top:8px;font-size:12px;font-weight:600;line-height:1.55}.staffOrderGrid{gap:14px;margin-top:24px;display:grid}.staffOrderGridRefined{margin-top:22px}.staffOrderCard{border:1px solid var(--stroke);box-shadow:var(--shadow-sm);transition:transform var(--duration-lg) var(--ease), box-shadow var(--duration-lg) var(--ease);cursor:pointer;color:inherit;background:#fff;border-left:3px solid #0000;border-radius:20px;padding:22px 24px 20px;text-decoration:none;display:block}.staffOrderCardRefined{padding:22px 24px 20px}.staffOrderCard:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.staffOrderTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.staffOrderId{letter-spacing:-.5px;color:var(--text);font-size:24px;font-weight:900}.staffStudentName{color:var(--muted);margin-top:5px;font-size:15px;font-weight:600}.staffbadges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staffOrderItems{color:var(--text-2);margin-top:12px;font-size:15px;font-weight:500;line-height:1.6}.staffMetaRow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.staffOrderFooter{justify-content:flex-end;align-items:center;margin-top:16px;display:flex}.viewLinkText{color:var(--brand);transition:gap var(--duration) var(--ease);align-items:center;gap:4px;font-size:14px;font-weight:700;display:flex}.staffOrderCard:hover .viewLinkText{gap:8px}.detailHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.detailGrid{grid-template-columns:1.2fr .8fr;align-items:start;gap:20px;margin-top:24px;display:grid}.detailMainCard,.detailSideCard{border:1px solid var(--stroke);box-shadow:var(--shadow-sm);background:#fff;border-radius:22px;padding:26px 28px}.detailSectionTitle{color:var(--text);letter-spacing:-.2px;margin-bottom:16px;font-size:18px;font-weight:800}.detailInfoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detailInfoItem{border:1px solid var(--stroke);background:var(--surface-soft);border-radius:14px;gap:5px;padding:14px 16px;display:grid}.detailLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.detailItemsList{gap:10px;display:grid}.detailItemRow{border:1px solid var(--stroke);transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.detailItemRow:hover{background:var(--surface-soft);border-color:var(--stroke-2)}.detailItemName{color:var(--text);font-size:16px;font-weight:700}.detailItemNote{color:var(--muted);margin-top:4px;font-size:13px;line-height:1.5}.detailItemRight{align-items:center;gap:8px;display:flex}.detailActionStack{gap:10px;display:grid}.detailSummaryBox{border:1px solid var(--stroke);background:var(--surface-soft);border-radius:16px;margin-top:20px;padding:16px 18px}.detailSummaryRow{color:var(--muted);justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;font-weight:600;display:flex}.detailSummaryRow+.detailSummaryRow{border-top:1px solid var(--stroke)}.detailSummaryRow.total{color:var(--text);padding-top:14px;font-size:16px;font-weight:900;border-top:1px solid var(--stroke-2)!important}.qrBox{border:1.5px dashed var(--stroke-2);background:var(--surface-soft);border-radius:20px;justify-content:center;align-items:center;min-height:260px;margin-top:18px;padding:20px;display:flex}.qrBoxRefined{min-height:280px}.qrImage{object-fit:contain;width:220px;height:220px;box-shadow:var(--shadow-md);background:#fff;border-radius:14px;padding:10px}.qrImageRefined{width:240px;height:240px}.qrPaidState,.qrExpiredState{flex-direction:column;align-items:center;gap:12px;display:flex}.qrPaidIcon{background:var(--success-soft);width:72px;height:72px;color:var(--success);border-radius:999px;justify-content:center;align-items:center;font-size:32px;font-weight:900;display:flex}.qrExpiredState .qrPaidIcon{background:var(--danger-soft);color:var(--danger)}.qrPaidText{color:var(--text);font-size:18px;font-weight:800}.upiHintBox{background:#fffaf5;border:1px solid #ff62001a;border-radius:14px;margin-top:14px;padding:13px 16px}.upiHintTitle{color:var(--brand);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:11px;font-weight:800}.upiHintList{color:var(--muted);font-size:13px;font-weight:600;line-height:1.6}.paymentNoteBox,.staffNoteBox{color:var(--muted);background:#fffbf5;border:1px solid #ff620014;border-radius:14px;margin-top:14px;padding:13px 16px;font-size:13px;font-weight:500;line-height:1.7}.emptyState{border:1.5px dashed var(--stroke-2);text-align:center;background:#fff;border-radius:20px;margin-top:24px;padding:56px 32px}.emptyState h3{color:var(--text);margin:0 0 8px;font-size:20px;font-weight:800}.emptyState p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/800px 100%;border-radius:8px;animation:1.5s linear infinite shimmer}.homePageOrangeShell{background:linear-gradient(160deg,#ff6200 0%,#ff8c2a 100%);border-radius:32px;margin-top:20px;padding:0 0 48px;overflow:hidden;box-shadow:0 24px 56px #ff620047}.homeHeroFinal{min-height:620px;padding:72px 32px 160px;position:relative;overflow:hidden}.homeHeroFinalGlow{filter:blur(16px);pointer-events:none;background:#ffd6aa38;border-radius:50%;width:280px;height:280px;position:absolute;top:110px;right:60px}.homeHeroFinalContent{z-index:3;text-align:center;max-width:940px;margin:0 auto;position:relative}.homeHeroFinalTitle{color:#fff;letter-spacing:-2px;margin:0;font-size:clamp(48px,7vw,86px);font-weight:900;line-height:.97}.homeHeroFinalSubtitle{color:#ffffffeb;max-width:800px;margin:22px auto 0;font-size:19px;font-weight:400;line-height:1.7}.homeHeroFinalSearchRow{z-index:4;grid-template-columns:260px 1fr;gap:14px;max-width:800px;margin:36px auto 0;display:grid;position:relative}.homeHeroFinalField{height:62px;color:var(--text);transition:box-shadow var(--duration) var(--ease);background:#fffffff5;border:none;border-radius:16px;outline:none;padding:0 20px;font-size:16px;font-weight:600;box-shadow:0 8px 24px #00000024}.homeHeroFinalField:focus{box-shadow:0 8px 24px #00000024,0 0 0 3px #fff6}.homeHeroFinalLeftFood,.homeHeroFinalRightFood{z-index:2;position:absolute;bottom:100px}.homeHeroFinalLeftFood{left:-12px}.homeHeroFinalRightFood{right:-12px}.homeHeroFinalSideImage{filter:drop-shadow(0 20px 36px #0000002e);width:auto;max-width:270px;height:auto}.homeCategoryGridFinal{z-index:5;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:-52px 24px 0;display:grid;position:relative}.homeCategoryCardFinal{min-height:300px;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform var(--duration-lg) var(--ease), box-shadow var(--duration-lg) var(--ease);background:#fffffffa;border:1px solid #0000000f;border-radius:26px;flex-direction:column;justify-content:space-between;padding:24px 22px 22px;display:flex}.homeCategoryCardFinal:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.homeCategoryTopFinal h2{color:var(--text);letter-spacing:-.8px;min-height:68px;margin:0;font-size:30px;font-weight:900;line-height:1.06}.homeCategoryTopFinal p{color:var(--muted);max-width:240px;min-height:50px;margin:12px 0 0;font-size:15px;font-weight:500;line-height:1.6}.homeCategoryTopFinal span{background:var(--brand-soft);color:var(--brand-dark);letter-spacing:.02em;border-radius:999px;margin-top:16px;padding:7px 14px;font-size:13px;font-weight:800;display:inline-block}.homeCategoryBottomFinal{justify-content:space-between;align-items:flex-end;gap:14px;margin-top:14px;display:flex}.homeCategoryImageFinal{filter:drop-shadow(0 14px 24px #00000024);width:auto;max-width:148px;height:auto;transition:transform var(--duration-lg) var(--ease)}.homeCategoryCardFinal:hover .homeCategoryImageFinal{transform:scale(1.04)translateY(-4px)}.homeArrowFinal{color:#fff;cursor:pointer;width:54px;height:54px;transition:all var(--duration) var(--ease);background:linear-gradient(160deg,#ff7a18 0%,#ff6200 100%);border:none;border-radius:50%;flex-shrink:0;font-size:24px;font-weight:900;box-shadow:0 8px 20px #ff620047}.homeArrowFinal:hover{transform:scale(1.08);box-shadow:0 12px 28px #ff62005c}@media (max-width:1200px){.homeCategoryGridFinal{grid-template-columns:1fr;margin-top:24px}.loginShell{grid-template-columns:1fr}.loginFoodMiniLeft,.loginFoodMiniRight{display:none}.homeHeroFinal{min-height:680px;padding-bottom:56px}.homeHeroFinalLeftFood,.homeHeroFinalRightFood{bottom:36px;left:16px}.homeHeroFinalRightFood{left:auto;right:16px}}@media (max-width:1100px){.staffStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.detailGrid{grid-template-columns:1fr}}@media (max-width:920px){.sectionHeading{letter-spacing:-1px;font-size:36px}.menuControls{top:110px}}@media (max-width:900px){.homeHeroFinal{min-height:auto;padding:56px 20px 44px}.homeHeroFinalSearchRow{grid-template-columns:1fr}.homeHeroFinalLeftFood,.homeHeroFinalRightFood{display:none}.homeHeroFinalTitle{letter-spacing:-1px;font-size:42px}.homeHeroFinalSubtitle{font-size:16px}.loginScreen{padding:16px}.loginCardPanel,.loginVisualPanel{padding:22px}.loginFoodShowcase{min-height:320px}}@media (max-width:700px){.topBarWhite{flex-direction:column;align-items:flex-start;padding:14px 18px}.topBarRightGroup{flex-flow:wrap;gap:10px;width:100%}.staffStatsGrid{grid-template-columns:1fr}.staffOrderId{font-size:20px}.detailInfoGrid{grid-template-columns:1fr}.detailItemRow{flex-direction:column;align-items:flex-start}.pageWrap{padding:20px 16px 40px}.orderGridRefined{max-width:100%}}@media (max-width:600px){.homePageOrangeShell{border-radius:22px;margin-top:12px}.homeHeroFinalTitle{letter-spacing:-.8px;font-size:38px}.homeHeroFinalField{height:54px;font-size:15px}.homeCategoryTopFinal h2{min-height:auto;font-size:26px}.homeCategoryTopFinal p{min-height:auto;font-size:14px}.homeCategoryImageFinal{max-width:120px}.loginCopy h1{font-size:38px}.loginCopy p,.loginVisualCopy p{font-size:16px}.loginVisualCopy h2{font-size:32px}.loginInput,.loginMainBtn{height:50px;font-size:15px}.navMini a{padding:6px 10px;font-size:13px}.staffStatCardRefined{min-height:auto}.menuControls{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;padding-top:0;position:static}.qrImageRefined{width:200px;height:200px}.foodThumbPremium{height:200px}.foodHeaderRow{flex-direction:column;gap:6px}}.topBarSignInBtn{background:var(--text);color:#fff;box-shadow:var(--shadow-sm);transition:background var(--duration) var(--ease), transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:12px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:800;display:inline-flex}.topBarSignInBtn:hover{background:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-1px)}.canteenHero{position:relative}.homeHeroFixed{position:relative;overflow:hidden}.homeCategoryGridFixed{gap:18px;display:grid}.homeCategoryCardFixed{border-radius:26px;overflow:hidden}.authShell{max-width:1240px;margin:0 auto}.authGrid{gap:20px;display:grid}.authCard{background:#fff;border-radius:22px;padding:28px}.authCardRefined{padding:32px 36px}.authTitle{letter-spacing:-1px;font-size:42px;font-weight:900}.authSub{color:var(--muted);font-size:17px;line-height:1.65}.authButtonRefined{font-size:17px;font-weight:800}.authVisualRefined{border-radius:22px;overflow:hidden}.authImageRefined{object-fit:cover;width:100%;height:360px}.authVisualFooter{gap:14px;display:grid}
