.qsdemo{--navy:#062b45;--navy2:#0b3f68;--gold:#c7903f;--line:#dbe5ee;--muted:#66778a;--bg:#f5f8fb;font-family:Arial,sans-serif;color:#12283d;max-width:1240px;margin:30px auto;background:#fff;border:1px solid #e4ebf1;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(6,43,69,.10)}
.qsdemo *{box-sizing:border-box}.qsdemo button,.qsdemo input,.qsdemo select,.qsdemo textarea{font:inherit}
.qsdemo-topbar{padding:28px 34px;background:linear-gradient(135deg,#062b45,#0b3f68);color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center}.qsdemo-topbar h2{margin:5px 0 8px;font-size:28px;color:#fff}.qsdemo-topbar p{margin:0;max-width:780px;opacity:.86;line-height:1.55}.qsdemo-eyebrow,.gold-kicker{font-size:12px;font-weight:800;letter-spacing:.13em;color:#d7a759}.qsdemo-badge{white-space:nowrap;border:1px solid rgba(255,255,255,.35);padding:10px 14px;border-radius:999px;font-size:12px;font-weight:800}
.qsdemo-switch{display:flex;gap:8px;padding:16px 28px;border-bottom:1px solid var(--line);background:#fff}.qsdemo-switch button{border:0;background:#eef3f7;color:#476073;padding:11px 18px;border-radius:10px;font-weight:700;cursor:pointer}.qsdemo-switch button.active{background:var(--navy);color:#fff}
.qsdemo-view{display:none}.qsdemo-view.active{display:block}.client-shell{padding:30px 38px 40px;max-width:1120px;margin:auto}.client-header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.client-header h3{font-family:Georgia,serif;color:var(--navy);font-size:32px;margin:5px 0}.client-header p{margin:0;color:var(--muted)}.steps-mini{display:flex;gap:7px}.steps-mini span{width:34px;height:5px;background:#dfe7ee;border-radius:99px}.steps-mini span.on{background:var(--gold)}
.client-stage{display:none}.client-stage.active{display:block}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label,.qsdemo label{font-size:13px;font-weight:700;color:#31485c}.field input,.field select,.field textarea,.qsdemo select,.qsdemo textarea,.admin-card input,.admin-card select,.filters input,.searchline input{width:100%;border:1px solid #cfdbe5;border-radius:9px;padding:11px 12px;background:#fff;color:#18334a;outline:none}.field input:focus,.qsdemo select:focus,.qsdemo textarea:focus{border-color:#7897b2;box-shadow:0 0 0 3px rgba(6,43,69,.07)}.field textarea{min-height:90px;resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fbfcfd}.mini span{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.mini select{padding:8px}.section-label{display:flex;justify-content:space-between;margin:19px 0 9px;color:#203b52}.section-label span{color:var(--muted);font-size:12px}.check{display:inline-flex;align-items:center;gap:6px;margin:13px 16px 8px 0;font-weight:500!important}.secure{background:#eff8f2;border:1px solid #cfe8d6;color:#2e6841;padding:11px 13px;border-radius:9px;margin:15px 0}.soft-btn,.back{border:1px solid #ccd9e4;background:#fff;color:var(--navy);border-radius:9px;padding:9px 13px;font-weight:700;cursor:pointer}.hidden{display:none!important}
.primary{border:0;background:var(--navy);color:#fff;border-radius:9px;padding:13px 18px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(6,43,69,.15)}.primary:hover{background:#0b3f68}.primary.disabled,.primary:disabled{opacity:.45;cursor:not-allowed}.primary.small{padding:9px 13px;font-size:13px}.client-stage>.primary{display:block;margin:18px auto 8px;min-width:280px}.client-stage>small{display:block;text-align:center;color:var(--muted)}
.stepbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.stepbar span{font-size:12px;font-weight:800;background:#f0f4f7;padding:8px 12px;border-radius:99px}.trip-card,.confirm-block,.panel,.summary{border:1px solid #d3e0ea;border-radius:12px;background:#fff;padding:18px;margin-bottom:20px}.trip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:13px}.trip-grid div{display:flex;flex-direction:column;gap:5px}.trip-grid small,.summary small{font-size:10px;font-weight:800;color:#567084}.trip-grid span{font-size:13px;color:#39546b}.client-stage h3{font-family:Georgia,serif;color:var(--navy);font-size:28px;margin:16px 0 5px}.client-stage>p{color:var(--muted)}
.vehicles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.vehicle{position:relative;border:1px solid #cfdeea;border-radius:14px;padding:14px 14px 16px;text-align:center;background:#fff;transition:.2s;overflow:hidden}.vehicle:hover,.vehicle.selected{border-color:#6f94b4;box-shadow:0 10px 30px rgba(6,43,69,.12);transform:translateY(-2px)}.vehicle.selected{outline:2px solid var(--navy)}.pill{display:inline-block;position:absolute;top:10px;left:10px;color:#fff;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:800;z-index:2}.pill.green{background:#18a957}.pill.blue{background:#1685e6}.pill.orange{background:#f08a00}.car-shape{height:175px;display:flex;align-items:center;justify-content:center;margin:14px 0 4px;font-size:0}.car-shape img{width:100%;height:100%;object-fit:contain}.vehicle h4{font-family:Georgia,serif;color:var(--navy);font-size:20px;margin:3px 0}.vehicle p{margin:4px 0 12px;color:#65798a}.features{font-size:12px;line-height:1.7;min-height:40px;border-bottom:1px solid #e2e9ef;padding-bottom:10px}.vehicle strong{display:block;font-size:25px;color:var(--navy);margin-top:12px}.vehicle>small{color:#758696}.vehicle button{width:100%;border:0;background:var(--navy);color:#fff;border-radius:8px;padding:11px;margin-top:11px;font-weight:800;cursor:pointer}
.map-sim{height:290px;border-radius:14px;position:relative;overflow:hidden;margin:16px 0;background:linear-gradient(135deg,#dcefdc,#eaf2e1 40%,#d9e8f3);border:1px solid #d6e2e9}.map-sim:before,.map-sim:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(20deg,transparent 0 35px,rgba(255,255,255,.7) 36px 40px);opacity:.55}.route-line{position:absolute;left:26%;top:55%;width:52%;height:7px;background:#1786e8;border-radius:99px;transform:rotate(-8deg);z-index:2;box-shadow:60px -30px 0 -1px #1786e8}.map-info{position:absolute;left:15px;top:15px;width:210px;background:rgba(255,255,255,.95);padding:15px;border-radius:12px;z-index:4;box-shadow:0 8px 25px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:4px}.map-info span{font-size:11px;color:#6b7c8b}.map-info strong{font-size:20px;color:var(--navy)}.map-info em{font-size:12px;color:#4f8a57;margin-top:4px}.pin{position:absolute;z-index:5;width:32px;height:32px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#e84444;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}.pin::first-letter{transform:rotate(45deg)}.pin-a{left:25%;bottom:18%}.pin-b{right:16%;top:24%}
.coords-layout{display:grid;grid-template-columns:1.65fr .75fr;gap:20px}.panel hr{border:0;border-top:1px solid var(--line);margin:18px 0}.payments{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.pay{border:1px solid #d4e0e9;background:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px;align-items:center;cursor:pointer}.pay.active{border-color:var(--navy);background:#f1f6fa}.pay small{color:var(--muted)}.summary{position:sticky;top:15px;height:max-content;background:#f8fafc}.summary h4{margin-top:0}.summary p{font-size:13px}.summary strong{font-size:26px;color:var(--navy);display:block;margin:5px 0 15px}.price-total{background:var(--navy);color:#fff;border-radius:12px;padding:18px;display:flex;justify-content:space-between;align-items:center;margin:18px 0}.price-total strong{font-size:28px}
.success-box{text-align:center;padding:35px 20px}.success-box .success-icon{width:70px;height:70px;border-radius:50%;background:#eaf7ef;color:#1b9b52;font-size:38px;display:flex;align-items:center;justify-content:center;margin:auto}.success-box h3{margin-top:12px}.success-box .ref{font-weight:800;color:var(--navy)}
.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:760px;background:#f4f7fa}.admin-sidebar{background:#071f33;color:#dbe7f0;padding:20px 14px}.admin-brand{padding:8px 10px 20px;font-weight:800;color:#fff}.admin-brand small{display:block;color:#d1a35b;margin-top:4px}.admin-nav button{display:block;width:100%;border:0;background:transparent;color:#c6d5df;text-align:left;padding:10px 11px;border-radius:8px;cursor:pointer;margin:2px 0}.admin-nav button.active,.admin-nav button:hover{background:#123a59;color:#fff}.admin-main{padding:28px;min-width:0}.admin-panel{display:none}.admin-panel.active{display:block}.admin-page-title span{font-size:10px;letter-spacing:.14em;color:var(--gold);font-weight:800}.admin-page-title h3{font-family:Georgia,serif;color:var(--navy);font-size:28px;margin:5px 0}.admin-page-title p{color:var(--muted);margin-top:0}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.stats-row>div,.admin-card{background:#fff;border:1px solid #dce5ec;border-radius:12px;padding:16px}.stats-row small,.admin-card>small{font-size:9px;font-weight:800;color:#718291}.stats-row b{display:block;font-size:25px;color:var(--navy);margin-top:5px}.stats-row .tiny{font-size:11px;word-break:break-all}.filters,.searchline,.chip-row{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.filters input,.searchline input{flex:1;min-width:180px}.filters button,.chip-row button,.searchline button{border:1px solid #d1dde6;background:#fff;border-radius:8px;padding:9px 11px;cursor:pointer}.chip-row button.active{background:var(--navy);color:#fff}.table-wrap{overflow:auto;background:#fff;border:1px solid #dce5ec;border-radius:12px}.qsdemo table{width:100%;border-collapse:collapse}.qsdemo th{font-size:9px;color:#6e7e8b;text-align:left;background:#f8fafc;padding:11px;border-bottom:1px solid #e1e8ee}.qsdemo td{font-size:12px;padding:11px;border-bottom:1px solid #edf1f4;vertical-align:middle}.tag{display:inline-block;background:#eaf2f8;color:#174c74;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:800}.tag.success{background:#e8f7ed;color:#27844a}.status,.assign,.dots{border:1px solid #d4dfe7;background:#fff;border-radius:7px;padding:7px 8px;cursor:pointer}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-card.wide{grid-column:1/-1}.admin-card h4{margin:5px 0 14px;color:var(--navy)}.admin-card label{display:block;margin:10px 0}.admin-card label input,.admin-card label select{margin-top:6px}.provider-row,.package-list>div{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f4}.calendar-demo{background:#fff;border:1px solid #dce5ec;border-radius:12px;min-height:480px;padding:18px;display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-demo div{min-height:70px;border:1px solid #e4ebf0;border-radius:8px;padding:7px;font-size:11px}.calendar-demo .event{background:#eaf3fb;border-color:#b9d2e5}.licence-ok{display:inline-block;background:#e7f7ec;color:#21874a;padding:8px 12px;border-radius:99px;font-weight:800}
.detail-drawer{position:fixed;right:-430px;top:0;width:410px;max-width:90vw;height:100vh;background:#fff;z-index:99999;box-shadow:-20px 0 50px rgba(0,0,0,.18);padding:28px;transition:.25s}.detail-drawer.open{right:0}.drawer-close{float:right;border:0;background:#eef2f5;border-radius:50%;width:32px;height:32px;cursor:pointer}.toast{position:fixed;right:20px;bottom:20px;background:#163f5e;color:#fff;padding:12px 16px;border-radius:9px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:99999}.toast.show{opacity:1;transform:none}.qsdemo-foot{display:flex;justify-content:space-between;gap:20px;padding:18px 28px;background:#fff;border-top:1px solid var(--line);font-size:12px;color:#687b8b}
@media(max-width:900px){.vehicles{grid-template-columns:1fr}.car-shape{height:220px}.coords-layout{grid-template-columns:1fr}.summary{position:static}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative}.admin-nav{display:flex;overflow:auto;gap:4px}.admin-nav button{white-space:nowrap;width:auto}.stats-row{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.trip-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.qsdemo{margin:10px 0;border-radius:0}.qsdemo-topbar{padding:22px 18px;align-items:flex-start;flex-direction:column}.qsdemo-topbar h2{font-size:23px}.qsdemo-switch{padding:12px}.client-shell{padding:22px 15px}.client-header{align-items:flex-start;gap:15px}.client-header h3{font-size:26px}.grid-2,.grid-3,.payments,.trip-grid,.stats-row{grid-template-columns:1fr}.car-shape{height:180px}.admin-main{padding:18px 12px}.qsdemo-foot{flex-direction:column}.client-stage>.primary{min-width:0;width:100%}}