:root{--bg: #0c0b09;--panel: #17140f;--panel-2: #211d15;--line: #342f25;--text: #f5f4f1;--muted: #a09a8c;--accent: #d4af37;--accent-2: #ecc561;--on-accent: #1a1503;--good: #34d399;--danger: #f87171;--warn: #fbbf24;--radius: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);background-clip:padding-box;border:3px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:padding-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.muted{color:var(--muted)}.error{color:var(--danger);font-size:14px;margin:0}.login{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px}.login h1{font-size:26px;font-weight:600;margin:0}.brand-logo{width:52px;height:52px;align-self:flex-start;color:var(--text)}.login p{margin:0 0 8px}.login input{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--text);font-size:16px}.login input:focus{outline:none;border-color:var(--accent)}.login button{background:var(--accent);color:var(--on-accent);border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:700;cursor:pointer}.login button:disabled{opacity:.5}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:10}.app-title{font-size:26px;font-weight:700;margin:0;letter-spacing:-.01em}.dot{width:9px;height:9px;border-radius:50%;background:var(--good);display:inline-block;animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.settings-wrap{margin-left:auto;position:relative}.iconbtn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:none;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer}.iconbtn:hover{background:var(--panel-2);color:var(--text)}.iconbtn svg{width:24px;height:24px}.menu-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.menu{position:absolute;top:calc(100% + 8px);right:0;z-index:21;min-width:168px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 30px #00000073}.menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text);font-size:15px;padding:11px 12px;border-radius:8px;cursor:pointer}.menu-item:hover:not(:disabled){background:color-mix(in srgb,var(--text) 8%,transparent)}.menu-item.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.menu-item:disabled{opacity:.4;cursor:default}.menu-item-sub{display:block;margin-top:2px;font-size:12px;color:var(--muted)}.main{flex:1;padding:8px 16px 24px;width:100%;max-width:720px;margin:0 auto}.empty{text-align:center;color:var(--muted);margin-top:80px;display:flex;flex-direction:column;gap:8px}.empty p{font-size:18px;margin:0;color:var(--text)}.order-list{display:flex;flex-direction:column}.order-row{display:flex;align-items:center;gap:14px;width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);padding:16px 6px;font:inherit;color:inherit;text-align:left;cursor:pointer}.order-row:hover{background:var(--panel)}.order-row:active{background:var(--panel-2)}.order-row.new{border:1.5px solid var(--warn);border-radius:14px;background:#fbbf2412;margin:7px 0;padding:16px 12px}.order-row.new:hover{background:#fbbf2421}.order-row.new:active{background:#fbbf242e}.order-icon{flex-shrink:0;width:46px;height:46px;border-radius:50%;background:var(--panel-2);color:var(--text);display:flex;align-items:center;justify-content:center}.order-icon svg{width:24px;height:24px}.order-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.order-title{font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-status{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:600}.order-status-mark{font-weight:700}.order-status.accepted{color:var(--good)}.order-status.declined{color:var(--danger)}.order-status.pending{color:var(--warn)}.order-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right}.order-price{font-size:17px;font-weight:600;color:var(--muted)}.order-price.struck{text-decoration:line-through}.order-timer{font-size:12.5px;font-weight:600;color:var(--accent-2);white-space:nowrap}.incoming{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column}.incoming-waiting{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:none;cursor:pointer;background:var(--warn);color:#1a1200;font-size:15px;font-weight:700;padding:12px 16px}.incoming-waiting .dot{background:#1a1200}.incoming-topbar{flex-shrink:0;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.incoming-back{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text);font-size:16px;font-weight:600;padding:8px 10px;border-radius:10px;cursor:pointer}.incoming-back:hover{background:var(--panel-2)}.incoming-back svg{width:22px;height:22px}.incoming-inner{flex:1;overflow-y:auto;padding:18px 22px 22px;width:100%;max-width:640px;margin:0 auto}.incoming-badge{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good);font-weight:700;font-size:14px;padding:6px 14px;border-radius:999px}.incoming-badge.declined{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.incoming-name{font-size:30px;font-weight:700;margin:8px 0 4px}.incoming-contact{display:block;width:fit-content;color:var(--muted);font-size:17px;text-decoration:none;margin-top:3px}.incoming-contact:hover{color:var(--text);text-decoration:underline}.incoming-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:14px}.incoming-metatime{font-size:15px;font-weight:600;color:var(--text)}.incoming-metatime-label{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em;margin-right:6px}.incoming-pay{display:inline-block;font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px}.incoming-pay.paid{background:color-mix(in srgb,var(--good) 16%,transparent);color:var(--good)}.incoming-pay.counter{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.incoming-items{list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:16px;font-size:20px}.incoming-items b{font-weight:700}.incoming-note{display:block;color:var(--muted);font-size:15px;font-style:italic;margin-top:2px}.incoming-ordernote{margin-top:18px;background:var(--panel-2);border-radius:12px;padding:12px 16px;font-size:16px;color:var(--text)}.incoming-delivery{margin-top:14px;background:var(--panel-2);border-radius:12px;padding:12px 16px}.incoming-delivery-label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em}.incoming-delivery-label svg{width:18px;height:18px}.incoming-delivery-addr{display:block;margin-top:6px;font-size:18px;font-weight:600;color:var(--text);text-decoration:none}a.incoming-delivery-addr:hover{text-decoration:underline}.incoming-fee{display:flex;justify-content:space-between;margin-top:14px;font-size:15px;color:var(--muted)}.incoming-total{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:18px;color:var(--muted)}.incoming-total strong{font-size:30px;color:var(--text)}.incoming-err{margin-top:16px;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);padding:10px 14px;border-radius:10px;font-size:14px}.incoming-actions{display:flex;gap:14px;width:100%;max-width:640px;margin:0 auto;padding:16px 22px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--panel)}.big-accept,.big-decline{flex:1;padding:20px;border-radius:16px;font-size:19px;font-weight:700;border:none;cursor:pointer}.big-accept{background:var(--good);color:#08110c}.big-accept:hover:not(:disabled){filter:brightness(1.08)}.big-decline{background:transparent;color:var(--danger);border:1.5px solid color-mix(in srgb,var(--danger) 40%,var(--line))}.big-decline:hover:not(:disabled){border-color:var(--danger)}.big-accept:disabled,.big-decline:disabled{opacity:.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px;width:100%;max-width:420px}.modal h2{margin:0;font-size:22px;font-weight:600}.modal-sub{margin:8px 0 20px;color:var(--muted);font-size:15px}.eta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.eta-grid button{padding:18px 0;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:12px;font-size:17px;font-weight:700;cursor:pointer}.eta-grid button:hover:not(:disabled),.eta-grid button.selected{background:var(--good);color:#08110c;border-color:var(--good)}.eta-grid button:disabled{opacity:.5}.eta-custom{display:flex;align-items:center;gap:10px;margin-top:10px}.eta-custom-input{flex:1;min-width:0;padding:18px 16px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:12px;font-size:17px;font-weight:700}.eta-custom-input:focus{outline:none;border-color:var(--accent)}.eta-custom-input::placeholder{color:var(--muted);font-weight:400}.eta-custom-unit{color:var(--muted);font-size:15px;font-weight:600}.modal-confirm-accept{margin-top:18px;width:100%;padding:16px;background:var(--good);color:#08110c;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer}.modal-confirm-accept:hover:not(:disabled){filter:brightness(1.08)}.modal-confirm-accept:disabled{opacity:.5}.modal-cancel{margin-top:18px;width:100%;padding:14px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:12px;font-size:15px;cursor:pointer}.modal-actions{display:flex;gap:12px;margin-top:8px}.modal-actions .modal-cancel{margin-top:0;flex:1}.modal-confirm-decline{flex:1;padding:14px;background:var(--danger);color:#2a0808;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer}.modal-confirm-decline:hover:not(:disabled){filter:brightness(1.08)}.modal-cancel:disabled,.modal-confirm-decline:disabled{opacity:.5}