:root{--splash-blue: #3dbeee;--splash-red: #ef3d2c;--splash-navy: #0b1f33;--splash-white: #ffffff;--ink: #14273a;--muted: #5b7085;--line: #d7e2ea;--surface: #f5f9fc;--card: #ffffff;--danger: var(--splash-red);--ok: #1c8a5a;--radius: 14px;--radius-sm: 9px;--shadow: 0 2px 10px rgb(11 31 51 / 8%)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--surface);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.45}.phone-frame{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--surface);display:flex;flex-direction:column}.boot-screen{min-height:100dvh;display:grid;place-items:center;background:var(--surface)}.brand-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"logo sub chips";align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(120deg,var(--splash-navy) 0%,#123253 70%,#1a4d78 100%);color:var(--splash-white)}.brand-logo{grid-area:logo;font-weight:900;letter-spacing:.16em;font-size:20px;color:var(--splash-blue)}.brand-logo-lg{font-size:34px}.brand-sub{grid-area:sub;font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-chips{grid-area:chips;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.chip{font-size:11px;padding:2px 8px;border-radius:999px;background:#ffffff24;border:1px solid rgb(255 255 255 / 22%)}.chip-offline{background:var(--splash-red);border-color:transparent}.chip-live{background:#3dbeee40}.screen-area{flex:1;padding:12px 14px 84px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--splash-white);border-top:1px solid var(--line);box-shadow:0 -2px 10px #0b1f330f;z-index:10}.bottom-nav .tab{flex:1;text-align:center;padding:11px 2px;font-size:12px;font-weight:600;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent}.bottom-nav .tab:hover{color:var(--splash-navy)}.bottom-nav .tab.active{color:var(--splash-red);border-bottom-color:var(--splash-red)}.screen-title{font-size:18px;margin:4px 0 12px;color:var(--splash-navy)}.hint,.loading{color:var(--muted);font-size:14px}.loading{padding:20px 0;text-align:center}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin:0 0 14px;box-shadow:var(--shadow)}.card h2,.card h3{margin-top:0;color:var(--splash-navy)}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=password],input[type=number],select,textarea{width:100%;padding:10px 12px;font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--splash-white);margin:2px 0 10px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--splash-blue);outline-offset:1px}label{font-size:13px;font-weight:600;color:var(--ink)}.field{margin-bottom:4px}.button{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--splash-white);color:var(--splash-navy);font:inherit;font-weight:600;cursor:pointer;margin:2px 4px 8px 0}.button:hover{border-color:var(--splash-blue)}.button.primary{background:var(--splash-blue);border-color:var(--splash-blue);color:var(--splash-navy)}.button.primary:hover{filter:brightness(.95)}.button.danger,.button.danger:hover,.button.brandred{background:var(--splash-red);border-color:var(--splash-red);color:var(--splash-white)}.button.brandblue{background:var(--splash-blue);border-color:var(--splash-blue);color:var(--splash-navy)}.button.link{border:none;background:transparent;color:var(--muted);text-decoration:underline}.button:disabled{opacity:.45;cursor:not-allowed}.button-row{display:flex;flex-wrap:wrap}.button-col{display:flex;flex-direction:column;align-items:stretch}.button-col .button{width:100%}.error-banner{background:#fdeae7;border:1px solid var(--splash-red);color:var(--splash-red);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px}.success-banner{background:#e6f5ee;border:1px solid var(--ok);color:var(--ok);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px}.toasts{position:fixed;top:64px;left:50%;transform:translate(-50%);width:min(420px,calc(100% - 20px));display:flex;flex-direction:column;gap:8px;z-index:50}.toast{background:var(--splash-navy);color:var(--splash-white);border-radius:var(--radius);padding:10px 14px;box-shadow:0 6px 18px #0b1f3359;font-size:14px}.toast p{margin:2px 0 0;opacity:.85}.toast-success{border-left:4px solid var(--splash-blue)}.toast-error{border-left:4px solid var(--splash-red)}.toast-info{border-left:4px solid var(--splash-white)}.stepper{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--splash-white);margin-bottom:8px}.stepper-info{display:flex;flex-direction:column;gap:2px}.stepper-price{font-size:12px;color:var(--muted)}.stepper-controls{display:flex;align-items:center;gap:8px}.step-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--splash-navy);background:var(--splash-white);color:var(--splash-navy);font-size:20px;font-weight:700;cursor:pointer}.step-button-up{background:var(--splash-blue);border-color:var(--splash-blue);color:var(--splash-navy)}.step-button:disabled{opacity:.35;cursor:not-allowed}.stepper-value{min-width:26px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.totals-row{display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:var(--radius-sm);background:var(--splash-navy);color:var(--splash-white);font-weight:700}.totals-row .muted{opacity:.7;font-weight:500}.login-screen{min-height:100dvh;max-width:480px;margin:0 auto;padding:0 18px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,#3dbeee59,#ef3d2c40),linear-gradient(120deg,var(--splash-navy),#1a4d78);background-attachment:fixed}.login-hero,.login-form{background:#ffffffeb;border-radius:var(--radius);padding:18px;margin-bottom:12px;box-shadow:0 10px 30px #0b1f334d}.login-hero p{color:var(--muted);margin:6px 0 0}.login-hero h1{margin:4px 0;color:var(--splash-navy);font-size:22px}.stay-toggle{display:flex;align-items:center;gap:8px;margin:2px 0 10px}.stay-toggle input{width:auto;margin:0}.row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:none}.row .value{font-weight:700;font-variant-numeric:tabular-nums}.row .sub{font-size:12px;color:var(--muted)}table.simple{width:100%;border-collapse:collapse;font-size:14px}table.simple th{text-align:left;color:var(--muted);font-weight:600;padding:6px 8px;border-bottom:2px solid var(--line)}table.simple td{padding:6px 8px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}table.simple td.num,table.simple th.num{text-align:right}.goal-bar{height:10px;background:#e3edf4;border-radius:999px;overflow:hidden}.goal-bar>span{display:block;height:100%;background:var(--splash-blue)}.goal-bar>.goal-missed{background:var(--splash-red)}.goal-row{margin-bottom:10px}.tab-set{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tab-set button{border:1px solid var(--line);background:var(--splash-white);border-radius:999px;padding:7px 13px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.tab-set button[aria-selected=true],.tab-set button.active{background:var(--splash-navy);color:var(--splash-white);border-color:var(--splash-navy)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1f338c;display:grid;place-items:center;z-index:60;padding:16px}.modal{background:var(--splash-white);border-radius:var(--radius);padding:16px;max-width:420px;width:100%;max-height:85dvh;overflow:auto;box-shadow:0 18px 50px #0b1f3366}.modal h2{margin-top:0;color:var(--splash-navy)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.message{background:#fff6e5;border:1px solid #ecc66a;border-radius:var(--radius-sm);padding:8px 12px;font-size:14px}.messages{margin-bottom:12px;display:grid;gap:6px}.qr-wrap{display:grid;place-items:center;padding:12px;background:var(--splash-white);border:1px solid var(--line);border-radius:var(--radius)}.qr-wrap img{width:220px;height:220px}.messages-empty,.empty{color:var(--muted);font-size:14px;padding:10px 0}.pill{display:inline-block;font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--line);background:var(--splash-white)}.pill-active{background:#e6f5ee;color:var(--ok);border-color:transparent}.pill-planned{background:#e7f4fb;color:#16729c;border-color:transparent}.pill-cancelled{text-decoration:line-through;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}a{color:#16729c}code{font-size:.92em;background:#eef4f8;border-radius:4px;padding:1px 5px}@media print{.bottom-nav,.brand-header,.toasts{display:none}}