*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0a0a0a;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.center{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.muted{color:#8a8a8a}.error{color:#f87171;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}.login p{margin:0 0 8px}.login input{background:#161616;border:1px solid #2a2a2a;border-radius:12px;padding:14px 16px;color:#fff;font-size:16px}.login input:focus{outline:none;border-color:#555}.login button{background:#fff;color:#000;border:none;border-radius:12px;padding:14px;font-size:16px;font-weight:600;cursor:pointer}.login button:disabled{opacity:.5}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #1e1e1e;position:sticky;top:0;background:#0a0a0a;z-index:10}.brand{font-size:18px;font-weight:500}.brand b{font-weight:700}.status{color:#9a9a9a;font-size:14px;display:flex;align-items:center;gap:8px;margin-left:auto}.dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.signout{background:transparent;border:1px solid #2a2a2a;color:#cfcfcf;border-radius:10px;padding:8px 14px;font-size:14px;cursor:pointer}.signout:hover{border-color:#444}.main{flex:1;padding:20px;width:100%;max-width:720px;margin:0 auto}.empty{text-align:center;color:#777;margin-top:80px;display:flex;flex-direction:column;gap:8px}.empty p{font-size:18px;margin:0;color:#aaa}.oh-title{font-size:22px;font-weight:600;margin:6px 0 16px}.order-history{display:flex;flex-direction:column;gap:10px}.oh-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#141414;border:1px solid #242424;border-radius:14px;padding:14px 16px}.oh-name{font-weight:600;font-size:16px}.oh-sub{font-size:13px;color:#8a8a8a;margin-top:2px}.oh-status-wrap{display:flex;align-items:center;gap:10px;flex-shrink:0}.oh-eta{font-size:12.5px;color:#9a9a9a}.oh-status{font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}.oh-status.accepted{background:#22c55e24;color:#4ade80}.oh-status.declined{background:#f871711f;color:#f87171}.oh-status.pending{background:#f59e0b29;color:#fbbf24}.incoming{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0a0a;display:flex;flex-direction:column}.incoming-inner{flex:1;overflow-y:auto;padding:28px 22px;width:100%;max-width:640px;margin:0 auto}.incoming-badge{display:inline-flex;align-items:center;gap:8px;background:#22c55e24;color:#4ade80;font-weight:700;font-size:14px;padding:6px 14px;border-radius:999px}.incoming-name{font-size:34px;font-weight:700;margin:18px 0 4px}.incoming-phone{color:#9a9a9a;font-size:17px;text-decoration:none}.incoming-pay{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;padding:5px 12px;border-radius:999px}.incoming-pay.paid{background:#22c55e24;color:#4ade80}.incoming-pay.counter{background:#f59e0b29;color:#fbbf24}.incoming-items{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:1px solid #222;display:flex;flex-direction:column;gap:14px;font-size:20px}.incoming-items b{font-weight:700}.incoming-note{display:block;color:#9a9a9a;font-size:15px;font-style:italic;margin-top:2px}.incoming-ordernote{margin-top:18px;background:#161616;border-radius:12px;padding:12px 16px;font-size:16px;color:#d0d0d0}.incoming-total{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #222;font-size:18px;color:#9a9a9a}.incoming-total strong{font-size:30px;color:#fff}.incoming-err{margin-top:16px;background:#f871711a;color:#fca5a5;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 #1e1e1e;background:#0d0d0d}.big-accept,.big-decline{flex:1;padding:20px;border-radius:16px;font-size:19px;font-weight:700;border:none;cursor:pointer}.big-accept{background:#22c55e;color:#062a14}.big-accept:hover:not(:disabled){background:#2ad068}.big-decline{background:transparent;color:#f87171;border:1.5px solid #5a2a2a}.big-decline:hover:not(:disabled){border-color:#f87171}.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:#161616;border:1px solid #2a2a2a;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:#9a9a9a;font-size:15px}.eta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.eta-grid button{padding:18px 0;background:#1f1f1f;color:#f0f0f0;border:1px solid #2e2e2e;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer}.eta-grid button:hover:not(:disabled){background:#22c55e;color:#062a14;border-color:#22c55e}.eta-grid button:disabled{opacity:.5}.modal-cancel{margin-top:18px;width:100%;padding:14px;background:transparent;color:#9a9a9a;border:1px solid #2e2e2e;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:#ef4444;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer}.modal-confirm-decline:hover:not(:disabled){background:#f15a5a}.modal-cancel:disabled,.modal-confirm-decline:disabled{opacity:.5}