.px-page{min-height:100vh;background:#f3f7fa;color:#102f50;padding-bottom:78px}.px-top{position:sticky;top:0;z-index:35;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #dce6ef;padding:max(9px,env(safe-area-inset-top)) 12px 9px}.px-top-in{max-width:1120px;margin:auto;display:flex;align-items:center;gap:11px}.px-back,.px-icon{border:0;background:#edf3f7;border-radius:12px;width:40px;height:40px;font-weight:900;color:#17476d}.px-top-copy{flex:1}.px-top-copy strong,.px-top-copy span{display:block}.px-top-copy strong{font-size:15px}.px-top-copy span{font-size:10px;color:#6b7e8f}.px-content{max-width:1120px;margin:auto;padding:14px}.px-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:16px;padding:21px;border-radius:23px;background:linear-gradient(135deg,#0b4f6c,#167394);color:#fff;box-shadow:0 16px 35px rgba(11,79,108,.22);margin-bottom:14px;overflow:hidden}.px-hero h1{font-size:clamp(25px,5vw,42px);line-height:1.04;margin:7px 0 10px}.px-hero p{max-width:650px;margin:0;color:#dcedf4}.px-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:900}.px-box-art{display:grid;place-items:center}.px-box-art svg{width:min(230px,100%);filter:drop-shadow(0 10px 18px rgba(0,0,0,.18))}.px-card{background:#fff;border:1px solid #dbe5ed;border-radius:18px;padding:16px;margin-bottom:13px;box-shadow:0 10px 26px rgba(16,47,80,.07)}.px-card h2,.px-card h3{margin:0 0 5px}.px-card p{margin:0;color:#64788b}.px-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:18px 0 9px}.px-head h2{margin:0}.px-head span{font-size:11px;color:#718293}.px-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.px-field{display:grid;gap:5px}.px-field>span{font-size:10px;font-weight:900;color:#64788b}.px-field input,.px-field select,.px-field textarea{width:100%;border:1px solid #d5e1ea;border-radius:11px;padding:11px;background:#fff;color:#102f50;font:inherit}.px-wide{grid-column:1/-1}.px-coords{display:grid;grid-template-columns:1fr 1fr;gap:8px}.px-btn{border:0;border-radius:11px;padding:11px 14px;font:inherit;font-weight:900;background:#e8f0f5;color:#123f62;cursor:pointer}.px-btn.primary{background:#0b4f6c;color:#fff}.px-btn.accent{background:#f3b23c;color:#102f50}.px-btn.danger{background:#fde9ec;color:#aa3040}.px-btn.small{padding:8px 10px;font-size:10px}.px-btn.wide{width:100%}.px-btn:disabled{opacity:.55}.px-actions{display:flex;gap:8px;flex-wrap:wrap}.px-drop,.px-item{border:1px dashed #b8c9d8;border-radius:14px;padding:12px;background:#f9fbfd;margin-bottom:9px}.px-row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.px-row-head strong{font-size:12px}.px-options{display:grid;gap:9px}.px-quote{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;text-align:left;width:100%;border:1px solid #d6e2eb;border-radius:15px;padding:12px;background:#fff;color:#102f50}.px-quote.selected{border:2px solid #0b4f6c;background:#f1f8fb}.px-quote-icon{width:55px;height:55px;border-radius:16px;background:#eaf4f7;display:grid;place-items:center}.px-quote-copy strong,.px-quote-copy span,.px-price strong,.px-price span{display:block}.px-quote-copy span,.px-price span{font-size:10px;color:#6b7e8f}.px-price{text-align:right}.px-price strong{font-size:17px}.px-fare{display:grid;gap:7px;margin:12px 0}.px-fare>div{display:flex;justify-content:space-between;font-size:12px}.px-fare .total{font-size:15px;border-top:1px solid #dbe5ed;padding-top:9px}.px-notice{padding:10px;border-radius:11px;background:#fff5dc;color:#795400;font-size:10px;line-height:1.5;margin-top:10px}.px-error{padding:11px;border-radius:12px;background:#fde9ec;color:#a52e3d;margin-bottom:12px}.px-list{display:grid;gap:9px}.px-booking{border:1px solid #dbe5ed;border-radius:15px;background:#fff;padding:13px;text-align:left;width:100%;color:#102f50}.px-booking-head{display:flex;justify-content:space-between;gap:10px}.px-booking strong,.px-booking span,.px-booking small{display:block}.px-booking span,.px-booking small{font-size:10px;color:#6b7e8f}.px-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf1f7;font-size:9px;font-weight:900;text-transform:uppercase}.px-badge.ok{background:#e6f7ef;color:#14704e}.px-badge.warn{background:#fff2d8;color:#805600}.px-badge.danger{background:#fde9ec;color:#aa3040}.px-route{display:grid;gap:8px}.px-stop{padding:11px;border-left:4px solid #0b4f6c;border-radius:9px;background:#f6f9fb}.px-stop.done{border-color:#16865d}.px-stop strong,.px-stop span,.px-stop small{display:block}.px-stop span,.px-stop small{font-size:10px;color:#687d8e}.px-driver{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dbe5ed;border-radius:14px}.px-avatar{width:44px;height:44px;border-radius:50%;background:#0b4f6c;color:#fff;display:grid;place-items:center;font-weight:900;font-size:18px}.px-driver-copy{flex:1}.px-driver-copy strong,.px-driver-copy span{display:block}.px-driver-copy span{font-size:10px;color:#6b7e8f}.px-timeline{display:grid}.px-event{display:grid;grid-template-columns:16px 1fr;gap:9px}.px-event-mark{position:relative}.px-event-mark i{display:block;width:10px;height:10px;border-radius:50%;background:#0b4f6c;margin-top:5px}.px-event-mark b{position:absolute;top:15px;bottom:-5px;left:4px;width:2px;background:#d9e4ec}.px-event:last-child .px-event-mark b{display:none}.px-event>div:last-child{padding-bottom:13px}.px-event strong,.px-event span,.px-event small{display:block}.px-event span,.px-event small{font-size:10px;color:#6b7e8f}.px-stars{display:flex;gap:5px}.px-stars button{border:0;background:transparent;font-size:29px;color:#c9d4dd}.px-stars button.on{color:#f3b23c}.px-bottom{position:fixed;z-index:40;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #dbe5ed;padding:7px 8px max(7px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:4px}.px-bottom button{flex:1;max-width:220px;border:0;background:transparent;padding:9px;color:#718293;font-size:10px;font-weight:900}.px-bottom button.active{background:#eaf4f7;color:#0b4f6c;border-radius:10px}.px-toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%);background:#102f50;color:#fff;padding:10px 14px;border-radius:11px;z-index:99;box-shadow:0 12px 30px rgba(0,0,0,.2)}.px-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.px-stat{background:#f4f8fa;border-radius:12px;padding:11px}.px-stat span,.px-stat strong{display:block}.px-stat span{font-size:9px;color:#6b7e8f}.px-stat strong{font-size:16px}@media(max-width:720px){.px-content{padding:11px}.px-hero{grid-template-columns:1fr;padding:17px}.px-box-art{display:none}.px-grid,.px-summary{grid-template-columns:1fr}.px-coords{grid-template-columns:1fr 1fr}.px-quote{grid-template-columns:48px 1fr}.px-price{grid-column:2;text-align:left}.px-card{border-radius:15px}}