.input,.btn,.card,.bottom-sheet,.left-panel,.modal-content,.page-content,.badge{box-sizing:border-box}:root{--black: #000000;--white: #ffffff;--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 rgba(0, 0, 0, .08);--shadow-sheet: 0 -4px 24px rgba(0, 0, 0, .12);--shadow-button: 0 2px 12px rgba(0, 0, 0, .15);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--transition: .2s ease}html,body{margin:0;padding:0;height:100%;font-family:var(--font);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%;display:flex;flex-direction:column}h1{font-size:28px;font-weight:700;line-height:1.2;margin:0}h2{font-size:22px;font-weight:700;line-height:1.3;margin:0}h3{font-size:18px;font-weight:600;line-height:1.3;margin:0}p{font-size:15px;line-height:1.5;color:var(--gray-mid);margin:0}small{font-size:12px;color:var(--gray-mid)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 32px;border:none;border-radius:var(--radius-pill);font-size:16px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);text-decoration:none}.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);padding:20px;transition:all var(--transition)}.card:hover{box-shadow:0 4px 16px #0003}.input{width:100%;height:48px;padding:0 16px;border:1.5px solid var(--gray-dark);border-radius:var(--radius-input);font-size:15px;font-family:var(--font);background:var(--gray-dark);color:var(--white);outline:none;transition:border-color var(--transition)}.input:focus{border-color:var(--purple)}.input::placeholder{color:var(--gray-mid)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--black);border-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet);padding:24px 20px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:100;transform:translateY(0);transition:transform .3s cubic-bezier(.32,.72,0,1)}.bottom-sheet-handle{width:36px;height:4px;background:var(--gray-dark);border-radius:2px;margin:0 auto 16px}.page{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.page-content{flex:1;overflow-y:auto;padding:20px}.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(min-width:640px){.centered-page{display:flex;align-items:center;justify-content:center}.centered-card{width:420px;max-height:90vh;overflow-y:auto;background:var(--gray-dark);border-radius:var(--radius-card);border:1px solid rgba(255,255,255,.08);padding:32px}}.badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-requested{background:#fef3c7;color:#92400e}.badge-matched{background:#dbeafe;color:#1e40af}.badge-driver_arrived{background:#e0e7ff;color:#3730a3}.badge-in_progress,.badge-completed{background:#d1fae5;color:#065f46}.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{width:24px;height:24px;border:3px solid var(--gray-dark);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.map-container{width:100%;flex:1;min-height:300px}.modal-overlay{position:fixed;inset:0;background:#000000b3;z-index:200;display:flex;align-items:flex-end;justify-content:center}.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(min-width:640px){.modal-overlay{align-items:center}.modal-content{width:420px;height:auto;max-height:90vh;border-radius:var(--radius-card);padding-bottom:24px;box-shadow:0 24px 48px #0006;border:1px solid var(--gray-dark)}}.left-panel{display:none}@media(min-width:768px){.left-panel{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:400px;background:var(--black);border-right:1px solid var(--gray-dark);z-index:100;padding:32px 24px;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(min-width:768px){.cart-bar{max-width:400px!important}}.register-hero{display:none!important}@media(min-width:768px){.register-hero{display:flex!important}}.badge-pending{background:#fef3c7;color:#92400e}.badge-confirmed{background:#dbeafe;color:#1e40af}.badge-preparing{background:#fef3c7;color:#92400e}.badge-ready{background:#d1fae5;color:#065f46}.badge-out_for_delivery{background:#e0e7ff;color:#3730a3}.badge-delivered{background:#d1fae5;color:#065f46}.badge-cancelled{background:#fee2e2;color:#991b1b}@keyframes slideLoader{0%{left:-40%}to{left:100%}}