.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:active{transform:scale(.97)}.btn-secondary{background:var(--gray-dark);color:var(--white)}.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);max-height:calc(100vh - 48px);box-shadow:var(--shadow-sheet);padding:24px 20px;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}@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}@keyframes slideLoader{0%{left:-40%}to{left:100%}}