:root{--ink:#142439;--navy:#12283e;--teal:#087d74;--deep:#066c64;--gold:#c69d55;--paper:#f6f8fa;--muted:#82909e;--stroke:#e4e9ed;--white:#fff;--shadow:0 11px 29px rgba(19,45,66,.07);font-family:Arial,"Noto Sans Hebrew","Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100%;line-height:1.45}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-shell{max-width:580px;min-height:100vh;margin:0 auto;padding-bottom:100px;background:var(--paper);box-shadow:0 0 50px rgba(5,25,39,.03)}.header{height:82px;background:var(--navy);color:white;display:flex;align-items:center;gap:12px;padding:17px 21px;padding-top:max(17px,env(safe-area-inset-top))}.brandmark{background:linear-gradient(145deg,#efdaac,#bc9654);color:#172b40;border-radius:16px;width:43px;height:43px;display:grid;place-items:center;font-size:26px;font-weight:800;box-shadow:0 5px 15px #0002}.brandmark span{font-size:17px;margin-inline-start:-12px;margin-top:-19px}.brandtext{display:grid;line-height:1.25;gap:5px}.brandtext strong{font-size:17px}.brandtext small{font-size:11px;color:#c1d0dc}.round-btn{margin-inline-start:auto;width:38px;height:38px;display:grid;place-items:center;border:1px solid #60728677;border-radius:12px;background:#ffffff0d;color:white}.round-btn svg{width:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}.greeting{padding:26px 22px 18px;background:linear-gradient(180deg,#eaf2f3,#f6f8fa)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1px;color:var(--teal);margin:0 0 7px}.greeting h1{font-size:28px;letter-spacing:-.5px;margin:0 0 4px;line-height:1.28}.subtle,.small-muted{color:var(--muted);font-size:12px}.subtle{margin:0}.availability{margin:7px 18px 20px;background:#fff;border-radius:23px;box-shadow:var(--shadow);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #edf1f3}.availability h2{font-size:19px;margin:10px 0 4px}.availability p{color:var(--muted);font-size:12px;margin:0;max-width:188px}.capsule{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#8b6720;background:#fff8e7;border-radius:100px;padding:6px 10px;font-weight:700}.dot{height:7px;width:7px;border-radius:50%;background:#d1a750;box-shadow:0 0 0 3px #e8d59b50}.capsule.online{color:#087d74;background:#e3f5ef}.capsule.online .dot{background:#139d70;box-shadow:0 0 0 3px #c6eee0}.availability-action{min-width:123px;height:115px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:linear-gradient(145deg,#09897f,#045d57);color:white;border:5px solid #d3eee8;box-shadow:0 6px 18px #0a806333;border-radius:22px;font-weight:800;font-size:19px;flex-shrink:0}.availability-action.is-online{background:linear-gradient(145deg,#df7a60,#b44d42);border-color:#ffe4df;box-shadow:0 6px 18px #d4695940}.icon-circle{font-size:26px;font-weight:400}.area-control,.summary-row,.areas-panel{background:white;margin:0 18px 18px;border:1px solid var(--stroke);border-radius:19px;padding:17px 17px 18px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2,.areas-panel h2{margin:0;font-size:16px}.select-row{display:flex;align-items:center;gap:12px;background:#f5f8f8;border:1px solid #e6eded;border-radius:12px;padding:4px 13px}.pin-icon{color:var(--teal);font-size:24px;font-weight:800}.select-row select{border:none;outline:none;background:transparent;color:var(--ink);width:100%;font-weight:700;appearance:none;padding:11px 0}.chevron{color:var(--muted);font-size:20px}.summary-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px}.metric{text-align:center;display:grid;gap:4px}.metric+ .metric{border-right:1px solid var(--stroke)}.metric strong{font-size:27px;line-height:1.15;font-variant-numeric:tabular-nums}.metric span{font-size:11px;color:var(--muted)}.rides-heading{padding:5px 24px 0;margin-bottom:13px}.rides-heading h2{font-size:20px}.text-action{background:none;border:none;color:var(--teal);font-size:12px;font-weight:700}.notice{margin:0 18px 13px;padding:12px 14px;background:#eaf5f1;border-radius:13px;color:#2e7467;font-size:12px}.notice.error{background:#ffefed;color:#9d3e35}.notice[hidden]{display:none}.ride-list{padding:0 18px 20px;display:grid;gap:12px}.ride-card{background:white;border:1px solid var(--stroke);border-radius:17px;padding:16px;box-shadow:0 4px 17px #14273c09}.ride-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.ride-tag{background:#edf4f6;border-radius:7px;padding:4px 7px;color:#4c7180;font-weight:700}.ride-card h3{margin:10px 0 8px;font-size:16px}.ride-price{color:var(--teal);font-weight:800;font-size:17px}.ride-from{color:#728293;font-size:12px}.ride-original{margin-top:12px;padding:10px 11px;border-radius:9px;background:#f6f8f9;white-space:pre-wrap;overflow-wrap:anywhere;color:#435567;font-size:12px;max-height:210px;overflow:auto}.ride-action{margin-top:12px;border:1px solid #bde1db;background:#f0f9f6;border-radius:9px;padding:9px 13px;color:#0a7a6b;font-weight:700;font-size:12px}.empty-state{text-align:center;background:#fff;border:1px dashed #d9e2e5;border-radius:18px;padding:28px 20px;color:var(--muted);font-size:13px}.empty-state .empty-ico{font-size:34px;display:block;margin-bottom:5px}.empty-state strong{color:var(--ink);display:block;margin-bottom:5px;font-size:15px}.areas-panel{margin-top:6px}.areas-panel p{font-size:12px;color:var(--muted)}.area-chips{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0}.area-chips button{border:1px solid #d9e4e4;background:white;border-radius:9px;padding:9px 12px;font-weight:700;color:#516477}.area-chips button.active{background:#dff4ed;color:#0c786c;border-color:#9ed6c9}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,580px);height:76px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e9eef1;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -6px 28px #1c2c390c;z-index:3}.bottom-nav button{background:none;border:none;color:#91a0ad;display:grid;justify-items:center;align-content:center;gap:3px;font-size:11px;font-weight:700}.bottom-nav button span{font-size:22px;line-height:1.1}.bottom-nav button.active{color:var(--teal)}button:focus-visible,select:focus-visible{outline:3px solid #efb848;outline-offset:2px}@media (min-width:581px){.app-shell{border-left:1px solid #ddd;border-right:1px solid #ddd}.bottom-nav{border-radius:17px 17px 0 0}}@media (max-width:355px){.availability-action{min-width:98px;height:106px;font-size:16px}.greeting h1{font-size:25px}.availability h2{font-size:17px}}