:root{--bg:#07080f;--surface:#0f1018;--surface-2:#181926;--surface-3:#1e2030;--border:#22253a;--border-light:#2c3050;--text:#ecedf5;--text-2:#9899b8;--text-3:#5a5b7a;--accent:#5568ff;--accent-hover:#6679ff;--accent-glow:rgba(85,104,255,.15);--accent-glow-2:rgba(85,104,255,.08);--success:#2ed5b2;--warning:#f0b429;--error:#ff5757;--error-bg:rgba(255,87,87,.08);--radius:12px;--radius-sm:7px;--radius-lg:18px;--shadow:0 4px 24px rgba(0,0,0,.45);--shadow-sm:0 2px 8px rgba(0,0,0,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}.nav{backdrop-filter:blur(12px);background:rgba(7,8,15,.85);border-bottom:1px solid var(--border);height:56px;padding:0 24px;position:sticky;top:0;z-index:100}.nav,.nav-brand{align-items:center;display:flex}.nav-brand{color:var(--text);font-size:15px;font-weight:600;gap:8px;letter-spacing:-.02em}.nav-brand svg{color:var(--accent)}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;justify-content:center;line-height:1;padding:10px 18px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 16px rgba(85,104,255,.35);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-light);color:var(--text)}.btn-lg{font-size:15px;padding:13px 24px}.btn-sm{font-size:13px;padding:7px 14px}.btn-full{width:100%}.address-textarea,.form-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:14px;line-height:1.5;outline:none;padding:10px 12px;resize:none;transition:border-color .15s,box-shadow .15s;width:100%}.address-textarea:focus,.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.address-textarea::placeholder,.form-input::placeholder{color:var(--text-3)}.address-textarea{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;letter-spacing:-.01em;line-height:1.8;min-height:220px}select.form-input,select.stop-type-select{appearance:none;background:var(--surface-2);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%235a5b7a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;outline:none;padding:7px 28px 7px 10px}.inline-error{background:var(--error-bg);border:1px solid rgba(255,87,87,.2);border-radius:var(--radius-sm);color:var(--error);font-size:13px;margin-top:8px;padding:8px 12px}.optional-label{color:var(--text-3);font-size:11px;font-weight:400;letter-spacing:.04em;margin-left:4px;text-transform:uppercase}.hero{background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(85,104,255,.12) 0,transparent 70%);padding:80px 24px 60px;text-align:center}.hero-inner{margin:0 auto;max-width:640px}.hero-badge{background:var(--accent-glow-2);border:1px solid rgba(85,104,255,.25);border-radius:20px;color:var(--accent);display:inline-block;font-size:12px;font-weight:500;letter-spacing:.03em;margin-bottom:24px;padding:4px 12px}.hero-title{color:var(--text);font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:16px}.hero-sub{color:var(--text-2);font-size:17px;line-height:1.65;margin:0 auto 32px;max-width:480px}.hero-stats{gap:20px;justify-content:center}.hero-stats,.stat{align-items:center;display:flex}.stat{flex-direction:column;gap:2px}.stat-num{color:var(--text);font-size:22px;font-weight:700;letter-spacing:-.03em}.stat-label{color:var(--text-3);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.stat-divider{background:var(--border);height:28px;width:1px}.input-section{margin:0 auto;max-width:680px;padding:0 24px 80px}.input-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;padding:28px}.input-card-title{font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.input-card-sub{color:var(--text-2);font-size:13px}.how-it-works,.pricing-preview{border-top:1px solid var(--border);padding:64px 24px}.section-inner{margin:0 auto;max-width:880px}.section-title{font-size:26px;font-weight:700;letter-spacing:-.03em;margin-bottom:8px;text-align:center}.section-sub{color:var(--text-2);font-size:15px;margin-bottom:40px;text-align:center}.steps-grid{align-items:flex-start;display:flex;gap:16px;justify-content:center}.step{flex:1;max-width:220px;text-align:center}.step-num{align-items:center;background:var(--accent-glow);border:1px solid rgba(85,104,255,.3);border-radius:50%;color:var(--accent);display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;margin:0 auto 16px;width:40px}.step-title{font-size:15px;font-weight:600;margin-bottom:8px}.step-desc{color:var(--text-2);font-size:13px;line-height:1.6}.step-arrow{color:var(--text-3);flex-shrink:0;margin-top:12px}.tier-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:32px}.tier-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center}.tier-card--featured{background:var(--accent-glow-2);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.tier-name{color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.tier-price{color:var(--text);font-size:26px;font-weight:800;letter-spacing:-.04em;margin-bottom:6px}.tier-limits{color:var(--text-3);font-size:12px}.tier-card--featured .tier-price{color:var(--accent)}.tier-expiry{color:var(--text-3);font-size:11px;margin-top:4px}.footer{border-top:1px solid var(--border);padding:20px 24px}.footer-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:880px}.footer-legal{color:var(--text-3);font-size:11px;opacity:.85}.footer-copy{color:var(--text-3);font-size:12px}.footer-powered-link{color:inherit;font-weight:500;text-decoration:none}.footer-powered-link:hover{color:var(--text-2);text-decoration:underline}.planner-layout{align-items:flex-start;display:flex;gap:24px;margin:0 auto;max-width:1100px;padding:28px 24px}.planner-main{flex:1;min-width:0}.planner-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.page-title{font-size:22px;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}.page-sub{color:var(--text-2);font-size:13px}.stop-list{display:flex;flex-direction:column;gap:8px}.stop-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:10px;padding:12px 14px;transition:border-color .15s}.stop-card:hover{border-color:var(--border-light)}.stop-card-grip{color:var(--text-3);cursor:grab;flex-shrink:0;padding:2px}.stop-card-body{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.stop-address-input{background:transparent;border:none;color:var(--text);font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.5;outline:none;padding:0;width:100%}.stop-address-input:focus{color:var(--text)}.stop-card-meta{align-items:center;display:flex;gap:8px}.stop-label-input{background:transparent;border:none;color:var(--text-2);flex:1;font-family:inherit;font-size:12px;outline:none;padding:0}.stop-label-input::placeholder{color:var(--text-3)}.stop-card-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.order-badge{background:var(--accent-glow-2);border:1px solid rgba(85,104,255,.2);border-radius:10px;color:var(--accent);font-size:11px;font-weight:600;padding:2px 7px}.stop-delete-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-3);cursor:pointer;display:flex;padding:4px;transition:color .15s,background .15s}.stop-delete-btn:hover{background:var(--error-bg);color:var(--error)}.planner-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:12px;position:sticky;top:72px;width:280px}.sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.sidebar-card--pricing{background:var(--accent-glow-2);border-color:rgba(85,104,255,.25)}.sidebar-section-title{color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase}.driver-control{gap:16px;margin-bottom:8px}.driver-btn,.driver-control{align-items:center;display:flex}.driver-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;color:var(--text);cursor:pointer;font-size:18px;height:34px;justify-content:center;line-height:1;transition:background .15s,border-color .15s;width:34px}.driver-btn:hover{background:var(--surface-3);border-color:var(--accent)}.driver-count{font-size:28px;font-weight:700;letter-spacing:-.04em;min-width:36px;text-align:center}.sidebar-hint{color:var(--text-3);font-size:12px;line-height:1.5}.price-display{align-items:baseline;display:flex;gap:10px;margin-bottom:4px}.price-amount{color:var(--text);font-size:30px;font-weight:800;letter-spacing:-.04em}.price-tier{background:var(--accent-glow);border-radius:8px;color:var(--accent);font-size:12px;font-weight:500;padding:2px 8px}.price-detail{color:var(--text-3);font-size:12px;margin-bottom:16px}.sidebar-card--pricing .btn-full+.btn-full{margin-top:8px}.preview-layout{align-items:flex-start;display:flex;gap:24px;margin:0 auto;max-width:1100px;padding:28px 24px}.preview-main{flex:1;min-width:0}.preview-header{margin-bottom:24px}.preview-badge{background:rgba(240,180,41,.1);border:1px solid rgba(240,180,41,.25);border-radius:10px;color:var(--warning);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.07em;margin-bottom:10px;padding:3px 10px;text-transform:uppercase}.result-routes-inner,.route-list{display:flex;flex-direction:column;gap:12px}.route-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.route-card-header{background:var(--surface-2);border-bottom:1px solid var(--border);border-left:3px solid var(--accent);flex-wrap:wrap;justify-content:space-between;padding:12px 16px}.route-card-header,.route-driver-label{align-items:center;display:flex;gap:8px}.route-driver-label{font-size:14px;font-weight:600}.driver-dot{border-radius:50%;height:10px;width:10px}.route-stats{gap:12px}.route-stat,.route-stats{align-items:center;display:flex}.route-stat{color:var(--text-2);font-size:12px;gap:4px}.stop-sequence{list-style:none;padding:8px 0}.stop-seq-item{align-items:baseline;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:10px;padding:7px 16px}.stop-seq-item:last-child{border-bottom:none}.stop-seq-num{align-items:center;background:var(--surface-3);border-radius:50%;color:var(--text-2);display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:22px;justify-content:center;width:22px}.stop-seq-addr{color:var(--text);flex:1;font-family:SF Mono,Fira Code,monospace;font-size:12px}.stop-seq-type{border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.06em;padding:2px 7px;text-transform:uppercase}.stop-seq-type.delivery{background:rgba(46,213,178,.1);color:var(--success)}.stop-seq-type.pickup{background:rgba(240,180,41,.1);color:var(--warning)}.preview-sidebar{flex-shrink:0;position:sticky;top:72px;width:300px}.checkout-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.checkout-card-header{margin-bottom:20px}.checkout-title{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.checkout-sub{color:var(--text-2);font-size:13px;line-height:1.5}.checkout-summary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;padding:14px}.summary-row{color:var(--text-2);display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.summary-row span:last-child{color:var(--text);font-weight:500}.summary-divider{background:var(--border);height:1px;margin:8px 0}.summary-total{font-size:14px;font-weight:600}.summary-total span{color:var(--text)!important}.summary-total span:last-child{color:var(--accent)!important;font-size:17px}.checkout-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.checkout-feature{align-items:center;color:var(--text-2);display:flex;font-size:12px;gap:8px}.checkout-feature svg{color:var(--success);flex-shrink:0}.checkout-card .btn-full+.btn-full{margin-top:8px}.checkout-card .inline-error{margin-bottom:12px}.spinner{animation:spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:14px;width:14px}.status-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 56px);padding:24px}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);max-width:440px;padding:48px 40px;text-align:center;width:100%}.status-card--error{border-color:rgba(255,87,87,.3)}.status-spinner-wrap{margin-bottom:28px}.status-spinner{animation:spin .8s linear infinite;border:3px solid var(--surface-3);border-radius:50%;border-top-color:var(--accent);height:44px;margin:0 auto;width:44px}.status-icon{margin-bottom:20px}.status-icon--error svg{color:var(--error)}.status-title{font-size:22px;font-weight:700;letter-spacing:-.03em;margin-bottom:10px}.status-sub{color:var(--text-2);font-size:14px;line-height:1.6;margin-bottom:24px}.status-steps{display:flex;flex-direction:column;gap:10px;margin-top:28px;text-align:left}.status-step{align-items:center;background:var(--surface-2);border-radius:var(--radius-sm);color:var(--text-3);display:flex;font-size:13px;gap:10px;padding:8px 14px}.status-step svg{color:var(--text-3);flex-shrink:0}.status-step.done,.status-step.done svg{color:var(--success)}.result-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.result-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;gap:16px;height:52px;padding:0 20px}.result-header,.result-meta{align-items:center;display:flex}.result-meta{flex:1;gap:14px;padding-left:8px}.result-meta-item{color:var(--text-2);font-size:13px}.result-meta-item:before{content:"·";margin-right:14px}.result-meta-item:first-child:before{display:none}.result-expires{color:var(--text-3);font-size:12px}.result-actions{align-items:center;display:flex;gap:8px}.route-map{flex:1;flex-shrink:0;max-height:55vh;min-height:45vh}.result-routes{background:var(--bg);flex:1;min-height:0;overflow-y:auto}.result-routes-inner{align-content:start;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1100px;padding:20px 24px}.result-route-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.result-route-header{background:var(--surface-2);border-bottom:1px solid var(--border);border-top:3px solid transparent;padding:12px 16px}.result-driver-info{align-items:center;display:flex;font-size:14px;gap:8px}.driver-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.result-driver-stats{color:var(--text-2);font-size:12px;margin-left:4px}.result-stop-list{list-style:none;max-height:320px;overflow-y:auto}.result-stop-item{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:9px 14px}.result-stop-item:last-child{border-bottom:none}.result-stop-num{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:22px;justify-content:center;margin-top:1px;width:22px}.result-stop-body{flex:1;min-width:0}.result-stop-addr{color:var(--text);font-family:SF Mono,Fira Code,monospace;font-size:13px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-stop-label{color:var(--text-2);font-size:12px;margin-bottom:4px}.result-stop-tags{display:flex;flex-wrap:wrap;gap:6px}.type-badge{border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.06em;padding:2px 7px;text-transform:uppercase}.type-badge.delivery{background:rgba(46,213,178,.1);color:var(--success)}.type-badge.pickup{background:rgba(240,180,41,.1);color:var(--warning)}.order-count-badge{background:var(--surface-3);border-radius:8px;color:var(--text-3);font-size:10px;padding:2px 7px}.unassigned-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.map-marker{align-items:center;border:2px solid hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:26px;justify-content:center;width:26px}.mapboxgl-popup-content{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow)!important;color:var(--text)!important;font-family:inherit!important;padding:0!important}.mapboxgl-popup-tip{display:none!important}.map-popup{align-items:flex-start;display:flex;gap:8px;padding:10px 12px}.map-popup-num{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:22px;justify-content:center;width:22px}.map-popup-body{min-width:0}.map-popup-addr{color:var(--text);font-size:12px;font-weight:500}.map-popup-name{color:var(--text-2);font-size:11px;margin-top:2px}.map-popup-type{font-size:10px;font-weight:600;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.map-popup-type.delivery{color:var(--success)}.map-popup-type.pickup{color:var(--warning)}@media print{#print-btn,#recalc-btn,.result-header,.result-routes,.route-map{display:none!important}.result-layout{height:auto;overflow:visible}}.print-only{display:none}@media print{.print-only{display:block}.print-summary{margin-bottom:0;page-break-after:always}.print-summary h1{font-size:18px;margin-bottom:12px}.print-summary-list{font-size:12px;margin:0 0 12px}.print-summary-list dt{font-weight:600;margin-top:8px}.print-summary-list dt:first-child{margin-top:0}.print-summary-list dd{color:#333;margin:2px 0 0;word-break:break-all}.print-summary-list a{color:#333}.print-qr-container{margin:12px 0}.print-qr-container svg{display:block;height:120px;width:120px}.print-summary-meta{color:#666;font-size:12px;margin:0}.print-route{margin-bottom:0;page-break-before:always;page-break-inside:avoid}.print-route h2{border-bottom:2px solid #000;font-size:14px;margin-bottom:8px;padding-bottom:6px}.print-start-addr{color:#333;font-size:12px;margin:0 0 8px}.print-table{border-collapse:collapse;font-size:12px;width:100%}.print-table th{border-bottom:1px solid #ccc;font-weight:600;padding:6px 8px;text-align:left}.print-table td{border-bottom:1px solid #eee;padding:6px 8px;vertical-align:top}.print-table input[type=checkbox]{height:14px;width:14px}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stop-card{animation:fadeIn .15s ease both}@media (max-width:768px){.planner-layout,.preview-layout{flex-direction:column}.planner-sidebar,.preview-sidebar{position:static;width:100%}.steps-grid{align-items:center;flex-direction:column}.step-arrow{transform:rotate(90deg)}.result-routes-inner{grid-template-columns:1fr}.hero-title{font-size:28px}.tier-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero{padding:48px 16px 40px}.input-section{padding:0 16px 48px}.planner-layout,.preview-layout{padding:16px}}