body{background:#161616}
.phone{max-width:480px;margin:0 auto;min-height:100svh;background:var(--navy);color:#fff;display:flex;flex-direction:column;position:relative}
.eyebrow.light{color:var(--gold-2)}
.muted{color:rgba(255,255,255,.62)}
.center{text-align:center}
.lh{display:flex;align-items:center;justify-content:space-between;padding:calc(.8rem + env(safe-area-inset-top)) 1rem .8rem;gap:.8rem}
.lh-me{display:flex;align-items:center;gap:.7rem}
.lh-me b{display:block}.lh-me small{color:rgba(255,255,255,.6);font-size:.78rem}
.av{width:42px;height:42px;border-radius:50%;background:var(--sea);color:#fff;display:grid;place-items:center;font:600 1.15rem var(--serif);flex:none}
.online{display:flex;align-items:center;gap:.5rem;border:0;border-radius:999px;padding:.6rem 1rem;background:rgba(255,255,255,.1);color:#fff;font-weight:600;font-size:.88rem}
.online span{width:10px;height:10px;border-radius:50%;background:#8A9BA3}
.online.on{background:var(--ok)}
.online.on span{background:#B9F0D3;box-shadow:0 0 0 4px rgba(185,240,211,.3)}
.lmap{height:34svh;min-height:220px;background:#BFE1E5}
.lpanel{flex:1;background:var(--navy);border-radius:22px 22px 0 0;margin-top:-22px;position:relative;padding:1.3rem 1.1rem 6rem;display:flex;flex-direction:column;gap:.9rem}
.lpanel h2{font-size:1.55rem}
.ltabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);display:flex;background:#1E1E1E;border-top:1px solid rgba(255,255,255,.08);padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom));z-index:20}
.ltabs button{flex:1;border:0;background:none;color:rgba(255,255,255,.55);display:grid;justify-items:center;gap:2px;font-size:.7rem;padding:.45rem 0;border-radius:12px}
.ltabs i{font-size:1.35rem}
.ltabs button.on{color:#fff;background:rgba(255,255,255,.08)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.6rem}
.kpis div{background:rgba(255,255,255,.07);border-radius:14px;padding:.8rem}
.kpis small{display:block;color:rgba(255,255,255,.6);font-size:.75rem}
.kpis b{font:600 1.35rem var(--serif)}
.idle{display:grid;gap:1rem}
.idle-msg{display:flex;align-items:center;gap:.6rem;justify-content:center;margin:.6rem 0;color:rgba(255,255,255,.8)}
.idle-msg i{font-size:1.4rem;color:var(--gold-2)}
.offer{background:#fff;color:var(--ink);border-radius:20px;padding:1.2rem;display:grid;gap:.9rem;box-shadow:0 0 0 4px rgba(255,209,27,.5);animation:ring 1.4s ease-in-out infinite}
.offer .eyebrow.light{color:var(--gold-d)}
@keyframes ring{50%{box-shadow:0 0 0 9px rgba(255,209,27,.15)}}
.of-gain{font:600 2.6rem/1 var(--serif)}
.of-gain small{display:block;font:500 .82rem var(--sans);color:var(--muted);margin-top:.3rem}
.leg{list-style:none;padding:0;margin:0;display:grid;gap:.7rem;position:relative}
.leg li{display:flex;gap:.7rem;align-items:flex-start}
.leg i{font-size:1.3rem;color:var(--gold-d);margin-top:2px}
.leg b{display:block}.leg small{color:var(--muted)}
.pay{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:600;font-size:.9rem;color:var(--ok)}
.pay.cash{color:var(--warn)}
.of-act{display:grid;grid-template-columns:1fr 2fr;gap:.6rem}
.cd{background:rgba(255,255,255,.25);border-radius:999px;min-width:30px;padding:.15rem .4rem;font-variant-numeric:tabular-nums}
.lsteps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;font-size:.72rem;font-weight:600;color:rgba(255,255,255,.45)}
.lsteps li{border-top:3px solid rgba(255,255,255,.15);padding-top:.4rem}
.lsteps li.done{color:rgba(255,255,255,.85);border-color:var(--sea)}
.lsteps li.cur{color:#fff;border-color:var(--gold)}
.oid{display:flex;justify-content:space-between;align-items:center;font:600 .82rem var(--sans);color:rgba(255,255,255,.6);letter-spacing:.06em}
.acts{display:flex;gap:.55rem;align-items:center}
.acts .btn-lg{flex:1}
.icon-btn.lg{width:50px;height:50px;background:rgba(255,255,255,.1);color:#fff;text-decoration:none}
.lpanel .btn-sand{background:rgba(255,255,255,.1);color:#fff}
.prep{display:flex;gap:.5rem;align-items:center;margin:0;background:rgba(255,255,255,.07);padding:.7rem .9rem;border-radius:12px;font-weight:600}
.prep i{color:var(--gold-2);font-size:1.2rem}
.prep.ok i{color:#7FD6A8}
.check{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.check li{background:rgba(255,255,255,.06);border-radius:12px;padding:.7rem .9rem}
.check label{display:flex;gap:.7rem;align-items:center;font-weight:500}
.check input{width:20px;height:20px;accent-color:var(--gold)}
.check small{display:block;color:var(--gold-2);margin:.2rem 0 0 2rem}
.note{display:flex;gap:.5rem;margin:0;background:rgba(255,255,255,.07);padding:.7rem .9rem;border-radius:12px;font-size:.92rem}
.note i{color:var(--gold-2);margin-top:3px}
.note.msg{background:rgba(46,125,133,.3)}
.cash{background:#fff;color:var(--ink);border-radius:16px;padding:1rem;display:grid;gap:.5rem}
.cash p{margin:0;font-weight:600}
.cash>b{font:600 2.2rem/1 var(--serif)}
.cash .ok{color:var(--ok)}.cash .bad{color:var(--bad)}
.photo{display:flex;align-items:center;gap:.6rem;justify-content:center;border-radius:14px;padding:.9rem;background:rgba(255,255,255,.08);font-weight:600;cursor:pointer}
.photo i{font-size:1.3rem}
.photo.ok{background:rgba(47,125,91,.35)}
.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem;height:160px;align-items:end}
.bars div{display:grid;justify-items:center;gap:.25rem;height:100%;grid-template-rows:1fr auto auto}
.bars span{width:100%;align-self:end;background:linear-gradient(var(--gold-2),var(--gold));border-radius:8px 8px 3px 3px;min-height:4px}
.bars small{font-size:.68rem;color:rgba(255,255,255,.55)}
.bars b{font-size:.72rem}
.cashbox{display:flex;gap:.8rem;align-items:center;background:rgba(255,255,255,.07);border-radius:14px;padding:.9rem}
.cashbox i{font-size:1.6rem;color:var(--gold-2)}
.cashbox b{display:block}.cashbox small{color:rgba(255,255,255,.65)}
.hist{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.hist li{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:rgba(255,255,255,.06);border-radius:12px;padding:.75rem .9rem}
.hist small{display:block;color:rgba(255,255,255,.55)}
.login{min-height:100svh;display:grid;align-content:center;justify-items:center;text-align:center;gap:.8rem;padding:2rem 1.2rem}
.login h1{font-size:2rem;margin-top:1rem}
.login p{color:rgba(255,255,255,.7);margin:0}
.who{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:100%;margin-top:1rem}
.who button{border:0;background:rgba(255,255,255,.07);color:#fff;border-radius:16px;padding:1.1rem .6rem;display:grid;justify-items:center;gap:.3rem}
.who small{color:rgba(255,255,255,.55)}
.phone .field span{color:var(--ink)}
.map .m-lab{font-size:15px}
.demo-ribbon{bottom:calc(74px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}
.lpanel .btn-gold{color:var(--navy)}