.input,.btn,.card,.bottom-sheet,.left-panel,.modal-content,.page-content,.badge{box-sizing:border-box}:root{--black:#000;--white:#fff;--gray-dark:#32373c;--gray-mid:#6b7280;--gray-light:#f3f4f6;--gray-border:#e5e7eb;--purple:#9b51e0;--cyan:#0693e3;--orange:#ff6900;--pink:#f78da7;--red:#cf2e2e;--green:#00d084;--tier-shaya:var(--green);--tier-rising-up:var(--cyan);--tier-black-excellence:var(--purple);--radius-pill:14px;--radius-card:16px;--radius-sheet:24px 24px 0 0;--radius-input:12px;--shadow-card:0 2px 8px #00000014;--shadow-sheet:0 -4px 24px #0000001f;--shadow-button:0 2px 12px #00000026;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--transition:.2s ease}html,body{height:100%;font-family:var(--font);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#app{flex-direction:column;height:100%;display:flex}h1{margin:0;font-size:28px;font-weight:700;line-height:1.2}h2{margin:0;font-size:22px;font-weight:700;line-height:1.3}h3{margin:0;font-size:18px;font-weight:600;line-height:1.3}p{color:var(--gray-mid);margin:0;font-size:15px;line-height:1.5}small{color:var(--gray-mid);font-size:12px}.btn{border-radius:var(--radius-pill);height:52px;font-size:16px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:0 32px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--purple);color:var(--white)}.btn-primary:hover:not(:disabled){filter:brightness(.88)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--gray-dark);color:var(--white)}.btn-secondary:hover:not(:disabled){filter:brightness(1.12)}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--gray-dark);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all var(--transition);padding:20px}.card:hover{box-shadow:0 4px 16px #0003}.input{border:1.5px solid var(--gray-dark);border-radius:var(--radius-input);width:100%;height:48px;font-size:15px;font-family:var(--font);background:var(--gray-dark);color:var(--white);transition:border-color var(--transition);outline:none;padding:0 16px}.input:focus{border-color:var(--purple)}.input::placeholder{color:var(--gray-mid)}.bottom-sheet{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--black);border-radius:var(--radius-sheet);min-height:55vh;max-height:calc(100vh - 48px);box-shadow:var(--shadow-sheet);padding:20px 20px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--cart-bar-h,0px));z-index:100;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(0)}.bottom-sheet-handle{background:var(--gray-dark);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.page{flex-direction:column;flex:1;height:100%;padding:0;display:flex;overflow:hidden}.page-content{flex:1;padding:20px;overflow-y:auto}.centered-page{overflow-y:auto}.centered-card{padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box}@media (width>=640px){.centered-page{justify-content:center;align-items:center;display:flex}.centered-card{background:var(--gray-dark);border-radius:var(--radius-card);border:1px solid #ffffff14;width:420px;max-height:90vh;padding:32px;overflow-y:auto}}.badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.5px;align-items:center;height:28px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-requested{color:#92400e;background:#fef3c7}.badge-matched{color:#1e40af;background:#dbeafe}.badge-driver_arrived{color:#3730a3;background:#e0e7ff}.badge-in_progress,.badge-completed{color:#065f46;background:#d1fae5}.tier-accent-shaya{color:var(--tier-shaya)}.tier-accent-rising_up{color:var(--tier-rising-up)}.tier-accent-black_excellence{color:var(--tier-black-excellence)}.tier-bg-shaya{background:var(--tier-shaya)}.tier-bg-rising_up{background:var(--tier-rising-up)}.tier-bg-black_excellence{background:var(--tier-black-excellence)}.spinner{border:3px solid var(--gray-dark);border-top-color:var(--purple);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.map-container{flex:1;width:100%;min-height:300px}.modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{background:var(--black);border-radius:var(--radius-sheet);padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));width:100%;max-height:90vh;overflow-y:auto}@media (width>=640px){.modal-overlay{align-items:center}.modal-content{border-radius:var(--radius-card);border:1px solid var(--gray-dark);width:420px;height:auto;max-height:90vh;padding-bottom:24px;box-shadow:0 24px 48px #0006}}.left-panel{display:none}@media (width>=768px){.left-panel{background:var(--black);border-right:1px solid var(--gray-dark);z-index:100;flex-direction:column;width:400px;padding:32px 24px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.page>.bottom-sheet{display:none}.page>.map-container{margin-left:400px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.text-center{text-align:center}.w-full{width:100%}.mt-auto{margin-top:auto}:root{--orange:#ff6900;--accent:var(--orange);--radius-card:8px;--radius-pill:8px;--radius-input:8px}.btn-primary{background:var(--orange)}.btn-primary:hover{background:#e55d00}button:hover:not(:disabled){box-shadow:inset 0 0 0 500px color-mix(in srgb, currentColor 14%, transparent), inset 0 0 0 500px #0000000a;transition:box-shadow .12s}button:active:not(:disabled){box-shadow:inset 0 0 0 500px color-mix(in srgb, currentColor 22%, transparent), inset 0 0 0 500px #00000012}.dashboard-layout{background:var(--m3-surface,#fff);height:100vh;color:var(--m3-on-surface,#1a1a1a);grid-template-columns:1fr;transition:background .5s;display:grid;overflow:hidden}@media (width>=1100px){.dashboard-layout{grid-template-columns:360px 1fr}}.dashboard-sidebar{background:var(--m3-surface,#fff);flex-direction:column;height:100vh;min-height:0;display:none;overflow-y:auto}@media (width>=1100px){.dashboard-sidebar{display:flex}}.dashboard-main{background:var(--m3-surface,#fff);flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.dashboard-main-content{-webkit-overflow-scrolling:touch;flex:1;padding:20px 24px;overflow-y:auto}.dashboard-main-content>*{max-width:1200px;margin-left:auto;margin-right:auto}.sidebar-card{background:var(--m3-surface-container-lowest,#fff);border:.5px solid var(--m3-outline-variant,#e5e7eb);border-radius:24px;flex-direction:column;gap:12px;padding:14px;display:flex}.dashboard-layout .input{background:var(--m3-surface-container-lowest,#fff);border-color:var(--m3-outline,#cbd5e1);color:var(--m3-on-surface,#1a1a1a)}.dashboard-layout .input::placeholder{color:#9ca3af}.dashboard-layout .input:focus{border-color:var(--m3-primary,#ff6900)}.dashboard-layout h1,.dashboard-layout h2,.dashboard-layout h3{color:var(--m3-on-surface,#1a1a1a)}.dashboard-layout .btn-primary{background:var(--m3-primary,#ff6900);color:var(--m3-on-primary,#fff)}.dashboard-layout .btn-primary:hover{filter:brightness(.92);background:var(--m3-primary,#ff6900)}.dashboard-layout .btn-secondary{background:var(--m3-surface-container,#f1f5f9);color:var(--m3-on-surface,#1a1a1a);border:1px solid var(--m3-outline-variant,#e5e7eb)}.dashboard-layout .card{background:var(--m3-surface-container-low,#f8fafc);box-shadow:none}.dashboard-layout .card:hover{box-shadow:none}.register-page{background:var(--m3-background,#f0f4f8);color:var(--m3-on-background,#1a1a1a);transition:background .6s;display:flex;position:fixed;inset:0;overflow:hidden}.register-form-panel{-webkit-overflow-scrolling:touch;background:var(--m3-surface,#fff);flex-direction:column;flex-shrink:0;gap:24px;width:100%;padding:32px 24px 48px;transition:background .6s;display:flex;overflow-y:auto}.register-preview-panel{flex:1;justify-content:center;align-items:center;padding:48px 40px;display:none}@media (width>=768px){.register-form-panel{border-right:1px solid var(--m3-outline,#e2e8f0);width:420px}.register-preview-panel{display:flex}}.register-page .input{background:var(--m3-surface,#fff);border-color:var(--m3-outline,#cbd5e1);color:var(--m3-on-surface,#1a1a1a)}.register-page .input::placeholder{color:#9ca3af}.register-page .input:focus{border-color:var(--m3-primary,var(--orange))}.register-page h1,.register-page h2,.register-page h3{color:var(--m3-on-surface,#1a1a1a)}.register-page .btn-primary{background:var(--m3-primary,var(--orange));color:var(--m3-on-primary,#fff);transition:background .6s,color .4s}.register-page .btn-primary:hover{filter:brightness(.92);background:var(--m3-primary,var(--orange))}.register-page .btn-secondary{background:var(--m3-surface-variant,#f1f5f9);color:var(--m3-on-surface,#1a1a1a);border:1px solid var(--m3-outline,#e2e8f0)}@media (width>=768px){.cart-bar{max-width:400px!important}}.register-hero{display:none!important}@media (width>=768px){.register-hero{display:flex!important}}.badge-pending{color:#92400e;background:#fef3c7}.badge-confirmed{color:#1e40af;background:#dbeafe}.badge-preparing{color:#92400e;background:#fef3c7}.badge-ready{color:#065f46;background:#d1fae5}.badge-out_for_delivery{color:#3730a3;background:#e0e7ff}.badge-delivered{color:#065f46;background:#d1fae5}.badge-cancelled{color:#991b1b;background:#fee2e2}.dashboard-layout .order-receipt{background:var(--m3-surface-container-lowest,#fff)!important;border-top:none!important;border-bottom:none!important;border-left:.1px solid var(--m3-outline-variant,#e5e7eb)!important;border-right:.1px solid var(--m3-outline-variant,#e5e7eb)!important}.order-receipt{border-radius:0!important;position:relative!important}.order-receipt:before,.order-receipt:after{content:"";background-repeat:repeat-x;background-size:12px 6px;background-color:inherit;border-left:.1px solid var(--m3-outline-variant,#e5e7eb);border-right:.1px solid var(--m3-outline-variant,#e5e7eb);pointer-events:none;height:6px;position:absolute;left:0;right:0}.order-receipt:before{background-image:linear-gradient(135deg, var(--m3-surface,#fff) 25%, transparent 25%), linear-gradient(225deg, var(--m3-surface,#fff) 25%, transparent 25%), linear-gradient(135deg, var(--m3-outline-variant,#e5e7eb) 27%, transparent 27%), linear-gradient(225deg, var(--m3-outline-variant,#e5e7eb) 27%, transparent 27%);top:-6px}.order-receipt:after{background-image:linear-gradient(315deg, var(--m3-surface,#fff) 25%, transparent 25%), linear-gradient(45deg, var(--m3-surface,#fff) 25%, transparent 25%), linear-gradient(315deg, var(--m3-outline-variant,#e5e7eb) 27%, transparent 27%), linear-gradient(45deg, var(--m3-outline-variant,#e5e7eb) 27%, transparent 27%);bottom:-6px}.receipt-paper{position:relative;box-shadow:0 4px 20px #00000040;border-radius:0!important;overflow:visible!important}.receipt-paper:before,.receipt-paper:after{content:"";pointer-events:none;background-color:#fff;background-repeat:repeat-x;background-size:12px 6px;height:6px;position:absolute;left:0;right:0}.receipt-paper:before{background-image:linear-gradient(135deg,#fff 25%,#0000 25%),linear-gradient(225deg,#fff 25%,#0000 25%);top:-6px}.receipt-paper:after{background-image:linear-gradient(315deg,#fff 25%,#0000 25%),linear-gradient(45deg,#fff 25%,#0000 25%);bottom:-6px}@keyframes slideLoader{0%{left:-40%}to{left:100%}}.menu-item-row{border-radius:24px;transition:background .12s}.menu-item-row:hover{background:var(--m3-surface-container,#ffffff14)!important}.menu-items-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.menu-items-grid .menu-item-editing{grid-column:1/-1}@media (width<=767px){.menu-items-grid{grid-template-columns:1fr}}.settings-field-label{color:var(--white,#fff);flex-shrink:0;font-size:14px;font-weight:600}.settings-field-row{padding-top:12px;padding-bottom:12px}.settings-save-row button,.settings-save-btn,.staff-invite-actions button,.settings-share-buttons button,.staff-invite-btn{height:32px!important;padding-top:0!important;padding-bottom:0!important}@media (width<=767px){.settings-banner-row{flex-direction:column!important}.settings-banner-img{width:100%!important;height:180px!important}.settings-share-row{flex-direction:column!important;align-items:stretch!important}.settings-share-buttons{flex-shrink:0!important;width:100%!important}.settings-share-buttons button{flex:1!important}.settings-save-row,.settings-save-row button,.settings-save-btn{width:100%!important}.staff-invite-btn{text-align:center!important;align-self:stretch!important;width:100%!important}.staff-invite-actions{width:100%!important}.staff-invite-actions button{flex:1!important}.hours-toggle{width:36px!important;min-width:36px!important;height:22px!important}.hours-toggle-thumb{width:18px!important;height:18px!important}.hours-toggle[aria-checked=true] .hours-toggle-thumb{left:16px!important}.hours-toggle[aria-checked=false] .hours-toggle-thumb{left:2px!important}.hours-day-actions{flex-wrap:wrap!important}.hours-day-actions button{white-space:nowrap!important;flex:none!important}.settings-field-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;min-height:0!important;padding-top:12px!important;padding-bottom:12px!important}.settings-field-input{box-sizing:border-box!important;width:100%!important;min-height:38px!important}.settings-bee-options{flex-wrap:wrap!important;width:100%!important}.receipt-preview-wrap{justify-content:center!important;width:100%!important;display:flex!important}.notif-toggle{width:36px!important;min-width:36px!important;height:22px!important}.notif-toggle .notif-toggle-thumb{width:18px!important;height:18px!important}button[aria-checked=true] .notif-toggle .notif-toggle-thumb{left:16px!important}button[aria-checked=false] .notif-toggle .notif-toggle-thumb{left:2px!important}button.notif-toggle[aria-checked=true] .notif-toggle-thumb{left:16px!important}button.notif-toggle[aria-checked=false] .notif-toggle-thumb{left:2px!important}.password-modal-overlay{align-items:flex-end!important}.password-modal-content{width:100%!important;max-width:100%!important;padding-bottom:max(24px, env(safe-area-inset-bottom,0px))!important;border-radius:20px 20px 0 0!important}}.menu-item-img-wrap .edit-overlay{opacity:0;pointer-events:none;transition:opacity .15s}.menu-item-img-wrap:hover .edit-overlay{opacity:1;pointer-events:auto}