:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #f97316;--primary-dark: #ea580c;--ink: #172033;--muted: #64748b;--surface: #ffffff;--background: #f8fafc;--border: #e5e7eb;--success: #16a34a;--danger: #dc2626;--shadow: 0 18px 45px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--background)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 10% -10%,rgba(249,115,22,.1),transparent 28rem),var(--background)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(249,115,22,.25);outline-offset:2px}.page-container{width:min(1180px,calc(100% - 40px));margin:0 auto}.public-header{position:sticky;z-index:40;top:0;border-bottom:1px solid rgba(229,231,235,.9);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.public-header-inner{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 40px));min-height:72px;margin:0 auto}.public-brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font-size:1.15rem}.public-brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,var(--primary),#fb923c);box-shadow:0 9px 22px #f973163d}.public-brand-mark svg{font-size:1.3rem}.change-canteen-button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:12px;color:var(--ink);background:var(--surface);font-weight:700}.change-canteen-button:hover{border-color:#fdba74;color:var(--primary-dark);background:#fff7ed}.eyebrow{color:var(--primary-dark);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.page-state{display:flex;align-items:center;justify-content:center;flex-direction:column;width:min(480px,calc(100% - 40px));min-height:calc(100vh - 73px);margin:0 auto;text-align:center}.page-state-icon{display:grid;width:78px;height:78px;place-items:center;border-radius:50%;color:var(--primary);background:#ffedd5;font-size:2.2rem;font-weight:900}.page-state h1{margin:20px 0 8px;color:var(--ink);font-size:clamp(1.6rem,4vw,2rem)}.page-state p{margin:0;color:var(--muted);line-height:1.6}.page-state button,.page-state a{display:inline-flex;align-items:center;gap:7px;min-height:46px;margin-top:22px;padding:0 20px;border:0;border-radius:13px;color:#fff;background:var(--primary);font-weight:800;text-decoration:none}.page-loader{width:48px;height:48px;border:4px solid #fed7aa;border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.selection-page,.menu-page{padding-top:30px;padding-bottom:120px}.office-hero{display:flex;align-items:center;gap:20px;padding:28px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#172033,#2c3d5b);box-shadow:0 24px 55px #17203330}.office-hero-icon,.menu-hero-icon{display:grid;width:62px;height:62px;flex:0 0 auto;place-items:center;border-radius:18px;font-size:2rem}.office-hero-icon{color:var(--primary);background:#ffffff1c}.office-hero h1,.menu-hero h1{margin:5px 0 7px;font-size:clamp(1.5rem,4vw,2rem);line-height:1.1}.office-hero p,.menu-hero p{display:flex;align-items:center;gap:6px;margin:0;color:#cbd5e1;font-size:.9rem}.selection-section{padding-top:28px}.selection-section h2,.menu-heading h2{margin:0;color:var(--ink);font-size:clamp(1.35rem,3vw,1.7rem)}.canteen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:17px}.canteen-card{display:flex;align-items:center;width:100%;min-height:108px;gap:15px;padding:20px;border:1px solid var(--border);border-radius:20px;color:var(--ink);background:var(--surface);box-shadow:0 10px 28px #0f172a0d;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.canteen-card:hover{transform:translateY(-3px);border-color:#fdba74;box-shadow:var(--shadow)}.canteen-card-icon{display:grid;width:52px;height:52px;flex:0 0 auto;place-items:center;border-radius:15px;color:var(--primary);background:#fff1e8;font-size:1.65rem}.canteen-card-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:6px}.canteen-card-copy strong{overflow:hidden;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.canteen-card-copy small{display:flex;align-items:center;gap:5px;color:var(--muted)}.canteen-card-arrow{color:var(--primary);font-size:1.35rem}.menu-hero{display:flex;align-items:center;gap:18px;padding:25px;border:1px solid #fed7aa;border-radius:24px;background:linear-gradient(135deg,#fff7ed,#ffedd5)}.menu-hero-icon{color:var(--primary);background:#fff;box-shadow:0 10px 25px #f973161f}.menu-hero p{color:var(--muted)}.browse-panel{display:flex;flex-direction:column;gap:16px;margin-top:22px}.search-box{position:relative}.search-box>svg{position:absolute;top:50%;left:17px;transform:translateY(-50%);color:var(--muted);font-size:1.35rem}.search-box input{width:100%;height:54px;padding:0 18px 0 50px;border:1px solid var(--border);border-radius:16px;color:var(--ink);background:#fff;box-shadow:0 8px 22px #0f172a0a;font-size:1rem}.search-box input:focus{border-color:var(--primary);outline:3px solid rgba(249,115,22,.12)}.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{min-height:40px;flex:0 0 auto;padding:0 17px;border:1px solid var(--border);border-radius:999px;color:#475569;background:#fff;font-size:.88rem;font-weight:700}.category-tabs button.active{border-color:var(--ink);color:#fff;background:var(--ink)}.menu-section{margin-top:24px}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.menu-heading span{color:var(--muted);font-size:.9rem;font-weight:700}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.menu-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:21px;background:var(--surface);box-shadow:0 10px 28px #0f172a0e;transition:transform .16s ease,box-shadow .16s ease}.menu-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.menu-card-image-wrap{position:relative;height:178px;overflow:hidden;background:linear-gradient(135deg,#fff1e8,#ffe4d2)}.menu-card-image{width:100%;height:100%;object-fit:cover}.menu-image-fallback{display:grid;width:100%;height:100%;place-items:center;font-size:3rem}.menu-image-fallback[hidden]{display:none}.food-mark{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.65);border-radius:999px;color:var(--ink);background:#ffffffed;box-shadow:0 7px 18px #0f172a1a;font-size:.7rem;font-weight:800}.food-mark i{width:8px;height:8px;border-radius:50%;background:var(--success)}.food-mark.non-veg i{background:var(--danger)}.menu-card-body{padding:18px}.menu-category-label{color:var(--primary-dark);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.menu-card-body h3{margin:5px 0 7px;color:var(--ink);font-size:1.08rem}.menu-card-body>p{display:-webkit-box;min-height:40px;overflow:hidden;margin:0;color:var(--muted);font-size:.84rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.menu-card-meta{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-top:15px}.menu-card-meta strong{color:var(--ink);font-size:1.2rem}.menu-card-meta span{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:.75rem;font-weight:600}.add-item-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:42px;gap:5px;margin-top:14px;border:1px solid #fdba74;border-radius:12px;color:var(--primary-dark);background:#fff7ed;font-weight:800}.add-item-button:hover{color:#fff;background:var(--primary)}.quantity-control{display:grid;grid-template-columns:42px minmax(42px,1fr) 42px;min-height:42px;margin-top:14px;overflow:hidden;border:1px solid #fdba74;border-radius:12px;color:var(--primary-dark);background:#fff7ed}.quantity-control button{display:grid;border:0;place-items:center;color:var(--primary-dark);background:transparent;font-size:1.1rem}.quantity-control button:hover{background:#ffedd5}.quantity-control>span{display:grid;place-items:center;font-weight:900}.quantity-control.small{grid-template-columns:34px 34px 34px;min-height:34px;margin:0;border-radius:10px}.empty-menu-state{padding:60px 24px;border:1px solid var(--border);border-radius:22px;background:#fff;text-align:center}.empty-menu-state>span{font-size:2.8rem}.empty-menu-state h3{margin:13px 0 6px}.empty-menu-state p{margin:0;color:var(--muted)}.floating-cart{position:fixed;z-index:35;right:max(20px,calc((100vw - 1180px)/2));bottom:22px;display:flex;align-items:center;justify-content:space-between;min-width:340px;min-height:58px;gap:24px;padding:0 20px;border:0;border-radius:17px;color:#fff;background:var(--ink);box-shadow:0 18px 45px #1720334d;font-weight:800}.floating-cart>span{display:flex;align-items:center;gap:8px}.floating-cart svg{color:var(--primary);font-size:1.3rem}.cart-overlay,.modal-overlay{position:fixed;z-index:80;inset:0;background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cart-overlay{display:flex;justify-content:flex-end}.cart-drawer{display:flex;width:min(440px,100%);height:100%;flex-direction:column;background:#fff;box-shadow:-24px 0 60px #0f172a2e;animation:drawer-in .18s ease-out}@keyframes drawer-in{0%{transform:translate(100%)}}.cart-header{display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:18px 22px;border-bottom:1px solid var(--border)}.cart-header h2{margin:3px 0 0;color:var(--ink);font-size:1.55rem}.cart-header>button,.modal-close{display:grid;width:42px;height:42px;border:1px solid var(--border);border-radius:12px;place-items:center;color:var(--ink);background:#fff;font-size:1.35rem}.cart-content{flex:1;overflow-y:auto;padding:8px 22px 24px}.cart-empty{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;text-align:center}.cart-empty>span{font-size:3rem}.cart-empty h3{margin:15px 0 6px}.cart-empty p{margin:0;color:var(--muted)}.cart-item{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #eef2f7}.cart-item-image{display:grid;width:74px;height:74px;flex:0 0 auto;overflow:hidden;place-items:center;border-radius:14px;background:#fff1e8;font-size:1.7rem}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-copy{min-width:0;flex:1}.cart-item-heading,.cart-item-bottom,.cart-summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.cart-item-heading h3{overflow:hidden;margin:0;font-size:.96rem;text-overflow:ellipsis;white-space:nowrap}.cart-item-heading button{display:grid;padding:4px;border:0;place-items:center;color:var(--danger);background:transparent;font-size:1.2rem}.cart-item-copy>p{margin:5px 0 11px;color:var(--muted);font-size:.78rem}.cart-item-bottom>strong{font-size:.9rem}.cart-footer{padding:20px 22px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;box-shadow:0 -15px 35px #0f172a0d}.cart-summary-row{color:var(--ink);font-size:1.05rem}.checkout-button{width:100%;min-height:50px;margin-top:16px;border:0;border-radius:14px;color:#fff;background:var(--primary);font-weight:900}.modal-overlay{display:grid;padding:20px;place-items:center}.checkout-modal,.order-success-modal{position:relative;width:min(510px,100%);max-height:calc(100vh - 32px);overflow-y:auto;padding:32px;border-radius:24px;background:#fff;box-shadow:0 28px 80px #0f172a40}.modal-close{position:absolute;top:16px;right:16px}.modal-close:disabled{cursor:not-allowed;opacity:.55}.checkout-heading h2{margin:6px 48px 5px 0;color:var(--ink);font-size:1.65rem}.checkout-heading>p{margin:0;color:var(--muted);font-size:.9rem}.checkout-form{display:grid;gap:18px;margin-top:26px}.checkout-form label>span{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--ink);font-size:.86rem;font-weight:800}.checkout-form label em{color:var(--muted);font-size:.74rem;font-style:normal;font-weight:600}.checkout-input{display:flex;align-items:center;min-height:52px;padding:0 15px;gap:11px;border:1px solid var(--border);border-radius:14px;background:#f8fafc;transition:border-color .16s ease,box-shadow .16s ease}.checkout-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #f473301f;background:#fff}.checkout-input svg{flex:0 0 auto;color:var(--primary);font-size:1.25rem}.checkout-input input,.checkout-form textarea{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:inherit}.checkout-form textarea{min-height:92px;resize:vertical;padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:#f8fafc}.checkout-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #f473301f;background:#fff}.checkout-form label small{display:block;margin-top:5px;color:var(--muted);font-size:.7rem;text-align:right}.checkout-total{padding:16px 18px;border-radius:16px;background:#fff7ed}.checkout-total>div,.success-facts>div{display:flex;justify-content:space-between;gap:15px;color:var(--muted)}.checkout-total strong,.success-facts strong{color:var(--ink)}.checkout-grand-total{margin-top:12px;padding-top:12px;border-top:1px solid #fed7aa;font-size:1.05rem;font-weight:800}.checkout-error{margin:-4px 0 0;padding:11px 13px;border-radius:11px;color:#b42318;background:#fef3f2;font-size:.82rem;font-weight:700}.place-order-button,.order-success-modal>button{display:flex;min-height:52px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;color:#fff;background:var(--primary);font-weight:900}.place-order-button:disabled{cursor:wait;opacity:.7}.button-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.secure-order-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:-6px 0 0;color:var(--muted);font-size:.75rem}.order-success-modal{text-align:center}.order-success-check{display:grid;width:70px;height:70px;margin:0 auto 18px;place-items:center;border-radius:50%;color:#fff;background:var(--success);box-shadow:0 12px 28px #16a34a3d;font-size:2rem;font-weight:900}.order-success-modal h2{margin:6px 0 7px;color:var(--ink);font-size:1.6rem}.order-success-modal>p{margin:0;color:var(--muted);line-height:1.5}.order-number-card{margin:23px 0 16px;padding:17px;border:1px dashed #fdba74;border-radius:16px;background:#fff7ed}.order-number-card span,.order-number-card strong{display:block}.order-number-card span{color:var(--muted);font-size:.74rem}.order-number-card strong{margin-top:5px;color:var(--ink);font-size:1.25rem;letter-spacing:.04em}.success-facts{display:grid;gap:11px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:.88rem}.order-success-modal .payment-note{margin-top:15px;font-size:.78rem}.order-success-modal>button{width:100%;margin-top:20px}@media(max-width:900px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.page-container,.public-header-inner{width:min(100% - 28px,1180px)}.public-header-inner{min-height:64px}.change-canteen-button span{display:none}.change-canteen-button{width:42px;min-height:42px;justify-content:center;padding:0}.selection-page,.menu-page{padding-top:18px}.office-hero,.menu-hero{align-items:flex-start;padding:20px;border-radius:21px}.office-hero-icon,.menu-hero-icon{width:50px;height:50px;border-radius:15px;font-size:1.55rem}.canteen-grid,.menu-grid{grid-template-columns:1fr}.menu-card{display:grid;grid-template-columns:126px minmax(0,1fr)}.menu-card-image-wrap{height:100%;min-height:230px}.menu-card-body{display:flex;min-width:0;padding:15px;flex-direction:column}.menu-card-body>p{min-height:0;-webkit-line-clamp:2}.menu-card-meta{margin-top:auto;padding-top:12px}.menu-card-meta span{display:none}.floating-cart{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));left:14px;width:auto;min-width:0}}@media(max-width:420px){.public-brand strong{font-size:1rem}.menu-card{grid-template-columns:108px minmax(0,1fr)}.menu-card-image-wrap{min-height:224px}.food-mark{right:8px;left:8px;justify-content:center;padding:5px;font-size:.63rem}.menu-card-body{padding:13px}.menu-card-body h3{font-size:.98rem}.menu-card-body>p{font-size:.77rem}.floating-cart{gap:10px;padding:0 15px;font-size:.82rem}}.tracking-page{width:min(720px,calc(100% - 40px));padding-top:28px;padding-bottom:56px}.tracking-hero,.tracking-card,.tracking-alert{border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 10px 30px #0f172a0d}.tracking-hero{padding:30px 22px;text-align:center;background:linear-gradient(145deg,#fff7ed,#fff)}.tracking-hero-icon{display:grid;width:62px;height:62px;margin:0 auto 14px;place-items:center;border-radius:50%;color:#fff;background:var(--primary);box-shadow:0 12px 28px #f9731640;font-size:1.9rem}.tracking-stopped .tracking-hero-icon{background:var(--danger);box-shadow:0 12px 28px #dc262633}.tracking-hero h1{margin:6px 0;color:var(--ink);font-size:clamp(1.8rem,5vw,2.35rem)}.tracking-order-number{color:var(--primary-dark);letter-spacing:.05em}.tracking-hero p{margin:8px 0 0;color:var(--muted)}.tracking-estimate{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:8px 12px;border-radius:999px;color:#9a3412;background:#ffedd5;font-size:.8rem;font-weight:700}.tracking-card,.tracking-alert{margin-top:16px;padding:21px}.tracking-alert{display:flex;align-items:center;gap:12px;border-color:#fecaca;color:#991b1b;background:#fef2f2;font-weight:700}.tracking-alert>svg{flex:0 0 auto;font-size:1.5rem}.tracking-progress{display:flex;align-items:flex-start;justify-content:center}.tracking-progress-part{position:relative;display:flex;min-width:0;flex:1;align-items:center;flex-direction:column;gap:7px}.tracking-progress-part>span{z-index:2;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;color:#fff;background:#cbd5e1;font-size:1.05rem}.tracking-progress-part>span.completed{background:var(--success)}.tracking-progress-part>strong{color:var(--muted);font-size:.78rem}.tracking-progress-part>i{position:absolute;z-index:1;top:17px;left:calc(50% + 18px);width:calc(100% - 36px);height:3px;background:#e2e8f0}.tracking-progress-part>i.completed{background:var(--success)}.tracking-card-title{display:flex;align-items:center;gap:9px;color:var(--ink)}.tracking-card-title>svg{color:var(--primary);font-size:1.35rem}.tracking-card-title h2{margin:0;font-size:1.12rem}.tracking-items{display:grid;gap:13px;margin-top:18px}.tracking-items>div,.tracking-total{display:flex;align-items:center;justify-content:space-between;gap:18px}.tracking-items span{color:#334155}.tracking-total{margin-top:17px;padding-top:16px;border-top:1px solid var(--border)}.tracking-total span{color:var(--muted)}.tracking-total strong{color:var(--ink);font-size:1.25rem}.tracking-payment{display:flex;align-items:center;gap:13px}.tracking-payment>svg{color:var(--primary);font-size:1.6rem}.tracking-payment>div{display:flex;flex:1;flex-direction:column;gap:3px}.tracking-payment span{color:var(--ink);font-weight:700}.tracking-payment small{color:var(--muted)}.tracking-payment>strong{color:var(--primary-dark)}.tracking-refresh{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;gap:8px;margin-top:17px;border:1px solid #fdba74;border-radius:14px;color:var(--primary-dark);background:#fff7ed;font-weight:800}.tracking-refresh:disabled{cursor:wait;opacity:.7}.refresh-spinning{animation:spin .8s linear infinite}.tracking-auto-refresh{margin:12px 0 0;color:var(--muted);font-size:.75rem;text-align:center}@media(max-width:680px){.tracking-page{width:min(100% - 28px,720px);padding-top:18px}.tracking-hero{padding:24px 16px}.tracking-card{padding:18px}}