*{box-sizing:border-box}.pac-container{z-index:10000;border:1px solid var(--border);background:var(--panel);border-radius:8px;margin-top:2px;font-family:system-ui,sans-serif;box-shadow:0 10px 28px #00000073;width:auto!important;min-width:0!important;max-width:min(440px,100vw - 24px)!important}.pac-item{white-space:normal;color:var(--muted);cursor:pointer;padding:8px 10px;font-size:13px;line-height:1.4}.pac-item:hover,.pac-item-selected{background:var(--panel-2)}.pac-item-query{color:var(--text);font-size:13px;font-weight:600}.pac-matched{font-weight:700}.pac-logo{background-color:var(--panel)}:root{--bg:#0f172a;--panel:#1e293b;--panel-2:#273449;--border:#334155;--text:#e2e8f0;--muted:#94a3b8;--accent:#14b8a6;--accent-2:#0f766e;--accent-strong:#2dd4bf;--button-text:#042f2e;--button-shadow:#14b8a647;--danger:#ef4444;--error-bg:#3f1d1d;--error-border:#ef4444;--error-text:#fecaca;--grid-dot:#94a3b829;--route-glow:#14b8a624;--van:#e2e8f0;--glass-bg:#0f172a8c;--glass-border:#94a3b82e;--glass-highlight:#ffffff0f;--glass-shadow:0 8px 24px #02061759}html[data-theme=light]{--bg:#f1f5f9;--panel:#fff;--panel-2:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#0d9488;--accent-2:#0f766e;--accent-strong:#14b8a6;--button-text:#f8fafc;--button-shadow:#0f766e3d;--danger:#dc2626;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#991b1b;--grid-dot:#64748b38;--route-glow:#0d94881a;--van:#334155;--glass-bg:#ffffff8c;--glass-border:#0f172a14;--glass-highlight:#ffffffb3;--glass-shadow:0 8px 24px #0f172a14}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:clip}body{background-image:radial-gradient(var(--grid-dot) 1.1px, transparent 1.5px);background-size:16px 16px}.site-header{border-bottom:1px solid var(--glass-border);z-index:100;background:radial-gradient(ellipse 40% 90% at 78% 50%, var(--route-glow), transparent 70%), var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);box-shadow:inset 0 1px 0 var(--glass-highlight), var(--glass-shadow);padding:10px 40px;position:sticky;top:0}.header-inner{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;max-width:1600px;margin:0 auto;display:grid}.header-actions{align-items:center;gap:10px;display:flex}.header-route{opacity:.85;width:104px;height:auto;display:block;overflow:visible}.header-route .hr-glow{fill:none;stroke:var(--accent);stroke-width:9px;opacity:.4}.header-route .hr-track{fill:none;stroke:var(--border);stroke-width:6px;stroke-linecap:round}.header-route .hr-line{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.header-route .hr-dash{fill:none;stroke:var(--panel);stroke-width:1px;stroke-dasharray:3 7;stroke-linecap:round;opacity:.8}.header-route .hr-halo{fill:var(--accent);opacity:.14}.header-route .hr-node{fill:var(--panel);stroke:var(--accent);stroke-width:2.2px}.header-route .hr-depot,.header-route .hr-depot-dot{stroke:var(--accent-strong)}.header-route .hr-depot-dot{fill:var(--accent-strong)}.header-route .hr-city,.header-route .hr-van-box,.header-route .hr-van,.header-route .hr-van-glass,.header-route .hr-van-stripe,.header-route .hr-wheel{display:none}.header-route .hr-city{fill:var(--muted);font-size:14px;font-weight:500}.header-route .hr-city-depot{fill:var(--text);font-weight:700}.header-route .hr-van-box{fill:var(--panel);stroke:var(--accent);stroke-width:1.2px}.header-route .hr-van{fill:var(--van)}.header-route .hr-van-glass,.header-route .hr-van-stripe{fill:var(--accent)}.header-route .hr-wheel{fill:var(--border);stroke:var(--van);stroke-width:1px}@media (max-width:760px){.header-route{display:none}}.theme-toggle{width:40px;height:40px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.lang-toggle{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;flex:none;align-items:center;gap:2px;height:40px;padding:3px;display:inline-flex}.lang-btn{height:100%;color:var(--muted);letter-spacing:.4px;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 12px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.lang-btn:hover{color:var(--accent)}.lang-btn.active{background:var(--accent);color:#fff}.brand-row{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}html:not([data-theme=light]) .brand-logo{filter:brightness(1.5)}.brand-logo{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex:none;width:auto;height:36px;padding:4px;display:block}.lang-toggle{margin-left:auto}@media (max-width:640px){.brand-logo{border-radius:10px;height:32px;padding:3px}}@media (max-width:480px){.header-inner{gap:10px}.brand-row{flex-wrap:nowrap;gap:8px}.brand-row .header-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.beta-badge{display:none}.header-actions{gap:6px}.lang-toggle{height:32px;margin-left:0;padding:2px}.lang-btn{padding:0 8px;font-size:12px}.theme-toggle{width:32px;height:32px}}.header-title{min-width:0;color:var(--text);letter-spacing:-.2px;flex:0 auto;font-size:18px;font-weight:700;line-height:1.2}.header-title-accent{color:var(--accent);letter-spacing:0;font-weight:700}.beta-badge{color:#0a2a52;letter-spacing:.4px;text-transform:uppercase;background:#5ea8ff;border:2px solid #0000;border-radius:999px;flex:none;align-self:center;padding:3px 8px;font-size:11px;font-weight:600}.beta-badge:hover{background:linear-gradient(#5ea8ff, #5ea8ff) padding-box, conic-gradient(from var(--gmaps-angle), #34a853, #4285f4, #fbbc04, #ea4335, #34a853) border-box;animation:3s linear infinite gmaps-border-spin}html[data-theme=light] .beta-badge{color:#fff}.page-intro{max-width:1600px;margin:0 auto;padding:16px 40px 0}.header-legend{color:var(--muted);max-width:820px;margin:0;font-size:13px;line-height:1.5}@media (max-width:640px){.site-header{padding:10px 16px}.header-title{font-size:16px}.page-intro{padding:12px 16px 0}.header-legend{font-size:12.5px}.wrap{padding:16px 12px 48px}.panel{padding:12px}button.primary{width:100%}.grid{gap:14px}#map{height:360px}.summary{gap:12px}}.site-footer{border-top:1px solid var(--border);background:var(--panel);text-align:center;color:var(--muted);padding:18px 40px;font-size:13px}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{text-decoration:underline}.wrap{max-width:1600px;margin:0 auto;padding:24px 40px 64px}h1{margin:0 0 4px;font-size:24px}.subtitle{color:var(--muted);margin:0 0 24px;font-size:14px}.map-help p{color:var(--muted);margin:0 0 10px;font-size:13.5px;line-height:1.55}.map-help p:last-child{margin-bottom:0}.map-help b{color:var(--text)}.map-legend{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin-top:10px;font-size:12.5px;display:flex}.map-legend .chip{align-items:center;gap:6px;display:inline-flex}.map-legend .dot-stop{color:#042f2e;background:#fff;border:2px solid #0d9488;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-style:normal;font-weight:700;display:inline-flex}.map-legend .legend-note{flex-basis:100%;line-height:1.4}.map-legend .line-route{background:#0d9488;border-radius:2px;width:18px;height:4px;display:inline-block}.grid{grid-template-columns:minmax(580px,46%) 1fr;gap:24px;display:grid}@media (max-width:900px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px 32px}label{color:var(--muted);margin:0 0 6px;font-size:13px;display:block}input[type=text],input[type=number],input[type=datetime-local]{background:var(--panel-2);border:1px solid var(--border);width:100%;min-width:0;color:var(--text);border-radius:8px;padding:9px 10px;font-size:14px}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}html[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();opacity:.75}html[data-theme=dark] input[type=datetime-local]:hover::-webkit-calendar-picker-indicator{opacity:1}@media (max-width:640px){input[type=text],input[type=number],input[type=datetime-local]{padding:8px 10px;font-size:16px}}.grid,.panel,.header-inner,.stop-row>div{min-width:0}.field{margin-bottom:14px}.field-pair{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.field-pair .field{margin-bottom:0}@media (max-width:480px){.field-pair{grid-template-columns:1fr}}.field-inline{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:12px;display:grid}.field-inline label{margin-bottom:0}@media (max-width:640px){.field-inline{grid-template-columns:1fr}}.addr-wrap{min-width:0;position:relative}.addr-wrap .addr-input{padding-right:32px}.addr-search{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.stop-row{grid-template-columns:24px minmax(0,1fr) 64px 58px 58px 34px;align-items:end;gap:10px;margin-bottom:12px;display:grid}@media (max-width:640px){.stop-row{grid-template-columns:18px minmax(0,1fr) 44px 40px 40px 30px;gap:5px}.stop-row input{padding-left:6px;padding-right:6px}.stop-row input[type=number]{appearance:textfield}.stop-row input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stop-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button.icon{width:30px}}.stop-row .idx{color:var(--muted);font-size:12px}.tip{cursor:help;outline:none;position:relative}.tip:before{content:attr(data-tip);z-index:50;border:1px solid var(--border);background:var(--panel-2);width:max-content;max-width:210px;color:var(--text);white-space:normal;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:400;line-height:1.35;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;bottom:calc(100% + 6px);left:0;transform:translateY(3px);box-shadow:0 4px 14px #00000059}.tip:after{content:"";vertical-align:-1px;background:var(--muted);width:12px;height:12px;margin-left:4px;transition:background .15s;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") 50%/contain no-repeat}.tip:hover:before,.tip:focus:before,.tip:active:before{opacity:1;visibility:visible;transform:translateY(0)}.tip:hover:after,.tip:focus:after,.tip:active:after{background:var(--accent)}.drag-handle{height:38px;color:var(--muted);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}.drag-handle:hover{color:var(--text);background:var(--panel-2)}.stop-row.dragging{opacity:.4}.stop-row.drag-over{box-shadow:inset 0 2px 0 var(--accent)}button{cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:8px;padding:9px 12px;font-size:14px}button.primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:var(--button-text);width:50%;box-shadow:0 10px 22px -12px var(--button-shadow);border:2px solid #0000;border-radius:999px;padding:15px 12px;font-weight:700;transition:transform .15s,box-shadow .2s,filter .2s}@property --gmaps-angle{syntax:"<angle>";inherits:false;initial-value:0deg}button.primary:hover:not(:disabled){filter:brightness(1.03);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%) padding-box, conic-gradient(from var(--gmaps-angle), #34a853, #4285f4, #fbbc04, #ea4335, #34a853) border-box;animation:3s linear infinite gmaps-border-spin;transform:translateY(-1px)}@keyframes gmaps-border-spin{to{--gmaps-angle:360deg}}@media (prefers-reduced-motion:reduce){button.primary:hover:not(:disabled),.beta-badge:hover{animation:none}}button.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}button.icon{width:32px;height:38px;color:var(--danger);background:0 0;border:1px solid #ef444473;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}button.icon:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff;transform:scale(1.06)}button.icon:disabled{opacity:.3;cursor:not-allowed;border-color:var(--border)}button.link{color:var(--accent);background:0 0;border:none;padding:4px 0}.row-flex{align-items:center;gap:10px;display:flex}#map{border:1px solid var(--border);background:var(--panel-2);border-radius:12px;width:100%;height:460px}table{border-collapse:collapse;width:100%;margin-top:14px;font-size:13px}@media (max-width:640px){table{white-space:nowrap;display:block;overflow-x:auto}}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}th{color:var(--muted);font-size:12px;font-weight:500}.big-time{color:var(--accent);font-weight:600}.summary{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13px;display:flex}.summary b{color:var(--text)}.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);white-space:pre-wrap;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:13px}.warn{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2473;border-radius:8px;margin:16px 0;padding:10px 12px;font-size:13px}html[data-theme=light] .warn{color:#92400e;background:#fef3c7;border-color:#f59e0b}.overload{color:var(--danger);font-weight:700}.rush{color:#f59e0b}.rush-dot{color:#f59e0b;vertical-align:middle;font-size:10px}.warehouse-cell{color:var(--muted);font-style:italic}.saved-routes{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.save-row{align-items:center;gap:8px;display:flex}.save-row input[type=text]{flex:auto;min-width:0}.save-row button{flex:none}.routes-list{margin:10px 0 0;padding:0;list-style:none}.routes-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.route-load{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.route-actions{flex:none;gap:4px;display:flex}button.mini{padding:2px 8px;font-size:12px;line-height:1.4}.print-header{display:none}.print-btn{width:50%;margin-top:14px}@media (max-width:640px){.print-btn{width:100%}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table{min-width:560px}@media (max-width:640px){body{overflow-x:clip}.grid{gap:14px}.panel{padding:16px}button.primary{width:100%}.stop-row{grid-template-columns:20px repeat(3,minmax(0,1fr)) 34px;grid-template-areas:"handle addr addr addr del"".min ent rec.";gap:4px 6px;margin-bottom:14px}.stop-row>div:first-of-type{grid-area:handle}.stop-row>div:nth-of-type(2){grid-area:addr}.stop-row>div:nth-of-type(3){grid-area:min}.stop-row>div:nth-of-type(4){grid-area:ent}.stop-row>div:nth-of-type(5){grid-area:rec}.stop-row>button.icon{grid-area:del}.tip{position:static}.tip:before{width:auto;max-width:none;box-shadow:none;margin-top:6px;bottom:auto;left:16px;right:16px;transform:none}}.mobile-notice{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#02060cc7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.mobile-notice-card{border:1px solid var(--border);background:var(--panel);max-width:340px;color:var(--text);text-align:center;border-radius:16px;padding:26px 22px;box-shadow:0 20px 60px #00000080}.mobile-notice-icon{margin-bottom:10px;font-size:34px;display:block}.mobile-notice-card h2{margin:0 0 10px;font-size:19px}.mobile-notice-card p{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.5}.mobile-notice-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);width:100%;color:var(--button-text);border:none;border-radius:999px;margin-bottom:10px;padding:12px;font-size:15px;font-weight:700}.mobile-notice-card small{color:var(--muted);font-size:12px;line-height:1.4;display:block}.cookie-banner{z-index:900;border:1px solid var(--border);background:var(--panel);max-width:520px;color:var(--text);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 auto;padding:14px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 40px #00000059}.cookie-banner p{color:var(--muted);flex:260px;margin:0;font-size:13px;line-height:1.45}.cookie-actions{gap:8px;display:flex}.cookie-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:var(--button-text);border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700}.cookie-btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}@media print{.site-header{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;position:static}.brand-logo{filter:none!important}html[data-theme]{--bg:#fff;--panel:#fff;--panel-2:#fff;--border:#bbb;--text:#000;--muted:#444;--accent:#0f766e;--accent-strong:#0f766e;--button-text:#000;--danger:#b91c1c;--error-bg:#fff;--error-border:#bbb;--error-text:#000}body{color:#000;background:#fff}.wrap{max-width:none;padding:0}.wrap>.error{display:none}.lang-toggle,.theme-toggle,.header-legend,.tip:before,.tip:after{display:none!important}.grid{display:block}.form-panel,#map,.map-legend,.map-help,button,.saved-routes{display:none!important}.panel{background:#fff;border:none;padding:0}.print-header{border-bottom:2px solid #000;margin:18px 0 16px;padding-bottom:12px;display:block}.print-header h1{color:#0f766e;margin:0 0 6px;font-size:22px}.print-header p{color:#444;margin:0;font-size:13px}.summary{background:#fff;border:1px solid #bbb;margin-bottom:14px}.summary b{color:#000}table{margin-top:14px;font-size:12px}th,td{color:#000;border:1px solid #bbb;padding:7px 10px}th{color:#000;background:#eee}th:first-child,td:first-child{width:36px}th:nth-child(2),td:nth-child(2){max-width:230px}th:nth-child(n+3),td:nth-child(n+3){white-space:nowrap}.big-time{color:#000}.warehouse-cell{color:#444}.warn{color:#000;background:#fff;border:2px solid #b91c1c;margin-bottom:14px}.overload{color:#b91c1c}}