@import url(https://fonts.googleapis.com/css2?family=Unigeo:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f8fafc;color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.container{margin:0 auto;max-width:1400px;padding:0 20px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.spinner{border:2px solid #f3f3f3;border-top-color:#3498db;display:inline-block;height:20px;width:20px}:root{--primary:#00a5ef;--primary-dark:#0081c2;--secondary:#ff5e00;--accent:#4caf50;--background:#f8f9fa;--surface:#fff;--text-primary:#212529;--text-secondary:#495057;--text-tertiary:#6c757d;--border:#dee2e6;--success:#28a745;--warning:#ffc107;--error:#dc3545;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--font-heading:"Unigeo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--background);color:#212529;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.5}.app-container,body{display:flex;flex-direction:column}.app-container{flex:1 1;min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{color:#212529;color:var(--text-primary);font-family:Unigeo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-heading);font-weight:700;line-height:1.3}h1{font-size:28px}h1,h2{margin-bottom:12px;margin-bottom:var(--space-md)}h2{font-size:24px}h3{font-size:20px;margin-bottom:8px;margin-bottom:var(--space-sm)}.form-title{align-items:center;display:inline-flex;gap:12px;gap:var(--space-md);justify-content:center;margin-bottom:32px;margin-bottom:var(--space-2xl)}.form-title svg{color:#0081c2;color:var(--primary-dark)}.tagline-item{align-items:center;display:flex;gap:4px;gap:var(--space-xs)}.content{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;padding:32px 12px;padding:var(--space-2xl) var(--space-md);width:100%}.card{background:#fff;background:var(--surface);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:5px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px;margin-bottom:var(--space-2xl);padding:32px;padding:var(--space-2xl);transition:box-shadow .2s ease;width:100%}.card:hover{box-shadow:0 4px 12px #0000001a}.search-form-card{background:#fff;background:var(--surface);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:5px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px;margin-bottom:var(--space-2xl);padding:32px;padding:var(--space-2xl);transition:box-shadow .2s ease;width:100%}.btn-primary{align-items:center;border:2px solid #0081c2;border:2px solid var(--primary-dark);border-radius:5px;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-sm);justify-content:center;padding:16px 24px;padding:var(--space-lg) var(--space-xl);transition:all .2s ease;width:100%}.btn-primary,.btn-primary:hover:not(:disabled){background:#0081c2;background:var(--primary-dark)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 8px #00a5ef33}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{align-items:center;background:#f8f9fa;background:var(--background);border:2px solid #dee2e6;border:2px solid var(--border);border-radius:5px;color:#212529;color:var(--text-primary);display:flex;gap:8px;gap:var(--space-sm);justify-content:center;padding:16px 24px;padding:var(--space-lg) var(--space-xl);transition:all .2s ease;width:100%}.location-inputs-container{display:flex;flex-direction:column;gap:16px;gap:var(--space-lg);position:relative;width:100%}.input-container{flex:1 1;position:relative;width:100%}.input-label{color:#212529;color:var(--text-primary);font-weight:600;gap:8px;gap:var(--space-sm);margin-bottom:24px;margin-bottom:var(--space-xl)}.input-label,.location-marker{align-items:center;display:flex;font-size:14px}.location-marker{background:#34c759;border-radius:5px;color:#fff;font-weight:700;height:28px;justify-content:center;width:28px}.end-marker{background:#ff5e00;background:var(--secondary)}.input-wrapper{position:relative;width:100%}.location-input{background:#fff;background:var(--surface);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:5px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);font-size:14px;padding:14px 40px;transition:border-color .2s;width:100%}.location-input:focus{border-color:#0081c2;border-color:var(--primary-dark);box-shadow:0 0 0 3px #00a5ef1a;outline:none}.input-icon{font-size:18px;left:12px}.clear-input-btn,.input-icon{color:#6c757d;color:var(--text-tertiary);position:absolute;top:50%;transform:translateY(-50%)}.clear-input-btn{background:none;border:none;cursor:pointer;padding:4px;right:12px;transition:color .2s}.clear-input-btn:hover{color:#212529;color:var(--text-primary)}.swap-button-container{margin:12px 0;margin:var(--space-md) 0;width:100%}.swap-button,.swap-button-container{align-items:center;display:flex;justify-content:center}.swap-button{background:#fff;background:var(--surface);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:50%;color:#495057;color:var(--text-secondary);cursor:pointer;height:40px;transition:all .3s ease;width:40px}.swap-button:hover{background:#0081c2;background:var(--primary-dark);box-shadow:0 2px 8px #00a5ef33;color:#fff;transform:rotate(180deg)}.vehicle-settings{background:#fff;background:var(--surface);border-top:1px dashed #0081c2;border-top:1px dashed var(--primary-dark);flex-direction:column;margin-top:32px;margin-top:var(--space-2xl);padding:16px;padding:var(--space-lg);width:100%}.header-stats-bar{background:#f8f9fa;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:5px;margin-top:16px;margin-top:var(--space-lg);padding:12px;padding:var(--space-md);width:100%}.header-stats-bar,.stat-item{align-items:center;display:flex}.stat-item{flex:1 1;gap:12px;gap:var(--space-md);padding:0 12px;padding:0 var(--space-md)}.stat-item:not(:last-child){border-right:1px solid #dee2e6;border-right:1px solid var(--border)}.stat-icon{align-items:center;background:#0081c2;background:var(--primary-dark);border-radius:5px;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.stat-details{flex:1 1}.stat-label{color:#6c757d;color:var(--text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{font-size:15px;font-weight:600}.inline-select,.stat-value{color:#212529;color:var(--text-primary)}.inline-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23212529'%3E%3Cpath d='M6 8.5 2.5 5h7L6 8.5z'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:12px;border:1px solid #dee2e6;border:1px solid var(--border);cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:4px 16px 4px 10px;width:100%}.inline-select:hover{color:#0081c2;color:var(--primary-dark)}.inline-select:focus{outline:none}.inline-select::-webkit-inner-spin-button,.inline-select::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inline-select::-ms-expand{display:none}.settings-header{font-size:15px;gap:8px;gap:var(--space-sm);margin:16px;margin:var(--space-lg);text-align:center}.settings-header svg{color:#0081c2;color:var(--primary-dark)}.nav-bar{background:#fff;background:var(--surface);border-top:1px solid #dee2e6;border-top:1px solid var(--border);bottom:0;box-shadow:0 -2px 4px #0000000d;display:flex;justify-content:center;left:0;padding:12px 0;padding:var(--space-md) 0;position:fixed;right:0;width:100%;z-index:1000}.nav-item{align-items:center;border-radius:5px;color:#6c757d;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:4px;gap:var(--space-xs);padding:8px 32px;padding:var(--space-sm) var(--space-2xl);text-decoration:none;transition:all .2s}.nav-item.active{background:#00a5ef1a}.nav-item.active,.nav-item:hover{color:#0081c2;color:var(--primary-dark)}.nav-item:hover{background:#00a5ef0d}.nav-icon{font-size:20px}.welcome-card{background:#4caf50;background:var(--accent);border:none;border-radius:5px;color:#fff;margin-bottom:32px;margin-bottom:var(--space-2xl);opacity:.9;overflow:hidden;padding:24px;padding:var(--space-xl);position:relative;width:100%}.welcome-content{gap:24px;gap:var(--space-xl);position:relative;z-index:1}.welcome-content,.welcome-icon{align-items:center;display:flex}.welcome-icon{background:#fff;border-radius:50%;color:#0081c2;color:var(--primary-dark);flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.welcome-text h3{color:#fff;font-size:20px;margin:0 0 8px;margin:0 0 var(--space-sm) 0}.welcome-text p{color:#ffffffe6;font-size:12px;line-height:1.6;margin:0}.action-buttons{gap:12px;gap:var(--space-md);margin-top:24px;margin-top:var(--space-xl)}.action-buttons,.search-btn{align-items:center;display:flex;justify-content:center;width:100%}.search-btn{border:2px solid #0081c2;border:2px solid var(--primary-dark);border-radius:5px;color:#fff;font-size:15px;font-weight:600;gap:8px;gap:var(--space-sm);padding:16px 8px;padding:var(--space-lg) var(--space-sm);transition:all .2s ease}.search-btn,.search-btn:hover:not(:disabled){background:#0081c2;background:var(--primary-dark)}.search-btn:hover:not(:disabled){transform:translateY(-1px)}.search-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.autocomplete-dropdown{background:#fff;background:var(--surface);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:5px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:8px;margin-top:var(--space-sm);max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;width:100%;z-index:1000}.autocomplete-section-header{background:#f8f9fa;background:var(--background);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);color:#6c757d;color:var(--text-tertiary);font-size:13px;font-weight:600;gap:8px;gap:var(--space-sm);letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0}.autocomplete-item,.autocomplete-section-header{align-items:center;display:flex;padding:12px 16px;padding:var(--space-md) var(--space-lg)}.autocomplete-item{cursor:pointer;gap:12px;gap:var(--space-md);transition:background .2s}.autocomplete-item:hover{background:#00a5ef0d}.autocomplete-icon{color:#00a5ef;color:var(--primary);flex-shrink:0;font-size:18px}.autocomplete-content{flex:1 1}.autocomplete-title{color:#212529;color:var(--text-primary);font-size:15px;font-weight:500}.autocomplete-subtitle{align-items:center;color:#6c757d;color:var(--text-tertiary);display:flex;font-size:13px;gap:4px;gap:var(--space-xs);margin-top:2px}.autocomplete-arrow{color:#6c757d;color:var(--text-tertiary);flex-shrink:0;font-size:14px}.live-badge{background:#28a745;background:var(--success);border-radius:5px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px}.autocomplete-no-results{font-size:14px;padding:16px;padding:var(--space-lg);text-align:center}.autocomplete-no-results,.note{color:#495057;color:var(--text-secondary)}.note{align-items:center;background:#ffc1070d;border:1px solid #ffc1071a;border-radius:5px;display:flex;font-size:13px;gap:8px;gap:var(--space-sm);line-height:1.5;margin:24px auto;margin:var(--space-xl) auto;max-width:800px}.note svg{color:#ffc107;color:var(--warning);flex-shrink:0;margin-top:1px}.consumption-input-wrapper{background:#fff;background:var(--surface);border:2px solid #dee2e6;border:2px solid var(--border);border-radius:5px;gap:4px;gap:var(--space-xs);padding:8px 12px;position:relative;transition:all .2s ease}.consumption-input-wrapper:focus-within{background:#fff;background:var(--surface);border-color:#00a5ef;border-color:var(--primary);box-shadow:0 0 0 3px #00a5ef26}.consumption-input{background:#0000;border:none;color:#212529;color:var(--text-primary);font-size:15px;font-weight:600;outline:none;text-align:center;width:70px}.consumption-input:hover{background:#00a5ef0d;border-radius:5px}.consumption-input:focus{background:#00a5ef14;border-radius:5px}.consumption-unit{color:#6c757d;font-weight:500;white-space:nowrap}.consumption-input-wrapper:before{border:2px solid #0000;border-radius:5px;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px;transition:border-color .2s ease}.consumption-input-wrapper:hover:before{border-color:#00a5ef33}.consumption-input-wrapper:focus-within:before{border-color:#00a5ef;border-color:var(--primary)}.consumption-input:placeholder-shown{background-image:linear-gradient(45deg,#0000 49%,#00a5ef0d 50%,#0000 51%);background-size:10px 10px}.consumption-input::-webkit-inner-spin-button,.consumption-input::-webkit-outer-spin-button{cursor:pointer;height:20px;opacity:.5;width:16px}.consumption-input::-webkit-inner-spin-button:hover,.consumption-input::-webkit-outer-spin-button:hover{opacity:1}.consumption-input-wrapper.editable-box{background:#fff;background:var(--surface);border:2px solid #dee2e6;border:2px solid var(--border);border-radius:5px;box-shadow:0 2px 4px #0000000d;padding:6px 12px;transition:all .2s ease}.consumption-input-wrapper.editable-box:hover{border-color:#00a5ef;border-color:var(--primary);box-shadow:0 4px 8px #00a5ef1a;transform:translateY(-1px)}.consumption-input-wrapper.editable-box:focus-within{background:#fff;background:var(--surface);border-color:#00a5ef;border-color:var(--primary);box-shadow:0 4px 12px #00a5ef33}.consumption-input-wrapper .edit-hint{color:#6c757d;color:var(--text-tertiary);display:none;font-size:12px;position:absolute;right:-24px;top:50%;transform:translateY(-50%)}.consumption-input-wrapper:hover .edit-hint{display:block}.search-btn.searching{cursor:wait;opacity:.9}.button-spinner,.search-btn.searching span{color:#0081c2;color:var(--primary-dark)}.button-spinner{animation:spin 1s linear infinite;font-size:20px;margin-right:10px}.search-btn:has(.button-spinner){background-color:#fff}.search-btn:not(.searching) .button-spinner{display:none}.search-btn.searching:after{content:attr(data-progress);font-size:14px;font-weight:600;margin-left:8px}@media (max-width:767px){.content{padding:16px;padding:var(--space-lg)}.card{padding:12px;padding:var(--space-md)}.location-inputs-container{flex-direction:column}.swap-button-container{margin:16px 0;margin:var(--space-lg) 0}.swap-button{position:static;transform:none}.vehicle-settings{padding:12px;padding:var(--space-md)}.header-stats-bar{flex-direction:column;gap:8px;gap:var(--space-sm);padding:8px;padding:var(--space-sm)}.stat-item{align-items:center;display:flex;gap:12px;gap:var(--space-md);padding:8px 0;padding:var(--space-sm) 0;width:100%}.stat-item:not(:last-child){border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);border-right:none;padding-bottom:12px;padding-bottom:var(--space-md)}.welcome-card{padding:24px;padding:var(--space-xl)}.welcome-content{flex-direction:column;gap:16px;gap:var(--space-lg);text-align:center}.welcome-icon{height:40px;width:40px}.welcome-icon,.welcome-text h3{font-size:20px}.welcome-text p{font-size:12px}.nav-bar{justify-content:space-around}.nav-item{padding:8px;padding:var(--space-sm)}}@media (max-width:768px){.consumption-input-wrapper{border-width:1.5px;padding:6px 10px}.consumption-input{font-size:14px;width:60px}.consumption-unit{font-size:12px}}@media (min-width:768px) and (max-width:1023px){.search-form-card{margin:0 auto;max-width:800px}.location-inputs-container{grid-gap:8px;grid-gap:var(--space-sm);align-items:start;display:grid;gap:8px;gap:var(--space-sm);grid-template-columns:1fr auto 1fr;margin-bottom:24px;margin-bottom:var(--space-xl)}.swap-button-container{align-items:center;display:flex;height:100%;justify-content:center;margin:0;padding-top:36px}.swap-button{height:42px;width:42px}.location-input{font-size:14px;height:48px;padding:16px 44px}.input-label{font-size:15px;margin-bottom:12px;margin-bottom:var(--space-md)}.vehicle-settings{margin:24px auto 0;margin:var(--space-xl) auto 0;max-width:700px}.header-stats-bar{align-content:center;border-radius:5px;gap:16px;gap:var(--space-lg);margin:12px auto 0;margin:var(--space-md) auto 0;max-width:1000px;padding:12px;padding:var(--space-md)}.stat-item:not(:last-child){border-right:none}.stat-item{gap:12px;gap:var(--space-md);padding:0 12px;padding:0 var(--space-md)}.stat-icon{height:36px;width:36px}.inline-select{font-size:13px;min-width:150px;padding:8px 30px 8px 12px}.consumption-input{font-size:15px;padding:8px 12px;width:80px}.consumption-unit{font-size:14px}.search-btn{font-size:15px;margin:0 auto;max-width:280px;padding:13px 30px}.welcome-card{margin:0 auto 24px;margin:0 auto var(--space-xl);max-width:800px;padding:16px;padding:var(--space-lg)}.welcome-content{gap:16px;gap:var(--space-lg)}.welcome-icon{font-size:22px;height:44px;width:44px}.welcome-text h3{font-size:18px;margin-bottom:8px;margin-bottom:var(--space-sm)}.welcome-text p{font-size:14px;line-height:1.6}.stat-divider{background:#dee2e6;background:var(--border);height:32px;width:1px}}@media (min-width:1024px){.content{max-width:1200px}.search-form-card{margin:0 auto;max-width:900px;padding:48px;padding:var(--space-3xl)}.location-inputs-container{grid-gap:16px;grid-gap:var(--space-lg);align-items:start;display:grid;gap:16px;gap:var(--space-lg);grid-template-columns:1fr auto 1fr;margin-bottom:32px;margin-bottom:var(--space-2xl)}.swap-button-container{align-items:center;display:flex;height:100%;justify-content:center;margin:0;padding-top:40px}.swap-button{height:48px;width:48px}.location-input{border:2px solid #dee2e6;border:2px solid var(--border);border-radius:5px;font-size:14px;height:50px;padding:20px 50px}.location-input:focus{border-color:#0081c2;border-color:var(--primary-dark);box-shadow:0 0 0 4px #00a5ef26}.input-label{font-size:16px;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-lg)}.input-icon{font-size:20px;left:18px}.clear-input-btn{padding:6px;right:18px}.autocomplete-dropdown{border:2px solid #dee2e6;border:2px solid var(--border);border-radius:5px;margin-top:8px}.header-stats-bar,.vehicle-settings{border-radius:5px;margin:12px auto 0;margin:var(--space-md) auto 0;max-width:1200px}.header-stats-bar{padding:12px;padding:var(--space-md)}.stat-item{gap:16px;gap:var(--space-lg);padding:0 12px;padding:0 var(--space-md)}.stat-icon{border-radius:5px;height:40px;width:40px}.stat-label{font-size:12px;letter-spacing:.8px}.stat-value{font-size:15px}.inline-select{border:2px solid #dee2e6;border:2px solid var(--border);border-radius:5px;font-size:14px;min-width:180px;padding:10px 40px 10px 16px}.inline-select:focus{border-color:#0081c2;border-color:var(--primary-dark);outline:none}.consumption-input{border:2px solid #dee2e6;border:2px solid var(--border);border-radius:5px;font-size:16px;padding:10px 14px;text-align:center;width:90px}.consumption-input:focus{border-color:#0081c2;border-color:var(--primary-dark);outline:none}.consumption-unit{color:#495057;color:var(--text-secondary);font-size:15px;font-weight:500}.search-btn{font-size:14px;font-weight:600;margin:0 auto;max-width:320px;padding:14px 34px}}@media (min-width:1200px){.content{max-width:1000px}.search-form-card{margin:0 auto;max-width:1000px;padding:24px;padding:var(--space-xl)}.search-btn{max-width:250px}.welcome-card{max-width:1100px;padding:24px;padding:var(--space-xl)}.welcome-text h3{font-size:22px}.welcome-text p{font-size:15px}}@media (min-width:1600px){.welcome-card{margin-left:auto;margin-right:auto;max-width:1200px}.search-form-card{margin:0 auto;max-width:1200px;padding:24px;padding:var(--space-xl)}}.feedback-button{align-items:center;background:#0081c2;background:var(--primary-dark);border:none;border-radius:30px;bottom:24px;bottom:var(--space-xl);box-shadow:0 4px 12px #00a5ef4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;gap:var(--space-sm);padding:12px 16px;padding:var(--space-md) var(--space-lg);position:fixed;right:24px;right:var(--space-xl);transition:all .3s ease;z-index:999}.feedback-button:hover{background:#00a5ef;background:var(--primary);box-shadow:0 6px 16px #00a5ef66;transform:translateY(-2px)}.feedback-button:active{transform:translateY(0)}.feedback-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.feedback-popup{animation:slideUp .3s ease;background:#fff;background:var(--surface);border-radius:5px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.feedback-header{align-items:center;background:#f8f9fa;background:var(--background);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 32px;padding:var(--space-lg) var(--space-2xl)}.feedback-header h3{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-size:18px;gap:8px;gap:var(--space-sm);margin:0}.close-feedback-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;padding:var(--space-xs);transition:all .2s;width:32px}.close-feedback-btn:hover{background:#dee2e6;background:var(--border);color:#212529;color:var(--text-primary)}.feedback-popup form{padding:32px;padding:var(--space-2xl)}.feedback-field{margin-bottom:16px;margin-bottom:var(--space-lg)}.feedback-field label{color:#495057;color:var(--text-secondary);display:block;font-size:14px;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-xs)}.feedback-input,.feedback-select,.feedback-textarea{border:2px solid #dee2e6;border:2px solid var(--border);border-radius:5px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-body);font-size:14px;padding:12px;padding:var(--space-md);transition:all .2s;width:100%}.feedback-input:focus,.feedback-select:focus,.feedback-textarea:focus{border-color:#0081c2;border-color:var(--primary-dark);box-shadow:0 0 0 3px #00a5ef1a;outline:none}.feedback-textarea{min-height:100px;resize:vertical}.feedback-field small{color:#6c757d;color:var(--text-tertiary);display:block;font-size:12px;margin-top:4px;margin-top:var(--space-xs)}.feedback-actions{display:flex;gap:12px;gap:var(--space-md);margin-top:24px;margin-top:var(--space-xl)}.feedback-actions button{flex:1 1;font-size:13px;height:37px}@media (max-width:767px){.feedback-button{bottom:80px;font-size:13px;padding:8px 12px;padding:var(--space-sm) var(--space-md);right:12px;right:var(--space-md)}.feedback-button span{display:none}.feedback-button svg{margin-right:0}.feedback-popup{margin:12px;margin:var(--space-md);width:95%}.feedback-popup form{padding:24px;padding:var(--space-xl)}}@media (min-width:768px) and (max-width:1023px){.feedback-button{bottom:16px;bottom:var(--space-lg);right:16px;right:var(--space-lg)}}.route-preferences{background:#fff;background:var(--surface);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #00000014;margin:1rem 0;padding:0 1rem 1rem;transition:all .2s ease;width:100%}.settings-header{align-items:center;border-bottom:1px solid var(--border-light);color:#212529;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:1rem;padding-bottom:.5rem}.settings-header svg{color:#00a5ef;color:var(--primary);font-size:14px}.preference-toggles{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.preference-toggle{flex:1 1;max-width:300px;min-width:140px}.toggle-label{align-items:center;background:#fff;border:1px solid #dee2e6;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.6rem .75rem;position:relative;transition:all .2s ease}.toggle-label:hover{border-color:#00a5ef;border-color:var(--primary)}.toggle-checkbox{display:none}.toggle-slider{background-color:#6c757d;background-color:var(--text-tertiary);border-radius:18px;box-shadow:inset 0 1px 2px #0000001a;flex-shrink:0;height:18px;position:relative;transition:all .2s ease;width:36px}.toggle-slider:before{background-color:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:14px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:14px}.toggle-checkbox:checked+.toggle-slider{background-color:#4caf50;background-color:var(--accent);box-shadow:inset 0 1px 2px #0003}.toggle-checkbox:checked+.toggle-slider:before{box-shadow:0 1px 3px #0000004d;transform:translateX(18px)}.toggle-text{align-items:center;color:#212529;color:var(--text-primary);display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:.4rem}.toggle-text svg{color:#6c757d;color:var(--text-tertiary);font-size:13px;transition:color .2s ease}.toggle-checkbox:checked~.toggle-text svg{color:#00a5ef;color:var(--primary)}.preference-toggle.active:after{align-items:center;background:#00a5ef;background:var(--primary);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:8px;top:8px;width:16px;z-index:1}.preferences-summary{align-items:center;border-top:1px solid var(--border-light);color:#6c757d;color:var(--text-tertiary);display:flex;font-size:.8rem;justify-content:space-between;margin-top:1rem;padding-top:.75rem}.preferences-count{align-items:center;display:flex;gap:.5rem}.preferences-count-badge{align-items:center;background:#00a5ef;background:var(--primary);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;width:18px}.preferences-hint{color:#495057;color:var(--text-secondary);font-size:.75rem;font-weight:500;text-align:right}.toggle-checkbox:focus+.toggle-slider{outline:2px solid #00a5ef;outline:2px solid var(--primary);outline-offset:2px}.toggle-label:focus-within{border-color:#00a5ef;border-color:var(--primary);box-shadow:0 0 0 3px #00a5ef1a}@media (max-width:767px){.route-preferences{border-radius:6px;margin:.85rem 0;padding:.85rem}.settings-header{font-size:.85rem;margin-bottom:.75rem}.preference-toggles{flex-direction:column;gap:.6rem}.preference-toggle{max-width:100%;min-width:100%}.toggle-label{padding:.65rem .85rem}.toggle-slider{height:17px;width:34px}.toggle-slider:before{height:13px;left:2px;top:2px;width:13px}.toggle-checkbox:checked+.toggle-slider:before{transform:translateX(17px)}.toggle-text{font-size:.83rem}.preferences-summary{align-items:stretch;flex-direction:column;gap:.4rem;text-align:center}.preferences-hint{font-size:.73rem;text-align:center}}@media (min-width:768px) and (max-width:1023px){.route-preferences{margin:1rem auto;max-width:800px;padding:1rem 1.5rem}.preference-toggles{justify-content:space-between}.preference-toggle{flex-basis:calc(50% - 0.375rem);flex-grow:0;flex-shrink:1;max-width:none;min-width:auto}.toggle-label{padding:.7rem 1rem}}@media (min-width:1024px){.route-preferences{margin:1rem auto;max-width:900px}.preference-toggles{gap:1rem;justify-content:center}.preference-toggle{flex:0 1 auto;min-width:170px}.toggle-label{padding:.75rem 1.25rem}}@media (min-width:1200px){.route-preferences{max-width:1000px}}.route-preferences.highlighted .toggle-label{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #dee2e6;border:2px solid var(--border);box-shadow:0 2px 8px #0000001a}.route-preferences.highlighted .preference-toggle.active .toggle-label{border-color:#00a5ef;border-color:var(--primary)}.route-preferences.highlighted .toggle-slider{height:19px;width:38px}.route-preferences.highlighted .toggle-slider:before{height:15px;width:15px}.route-preferences.highlighted .toggle-checkbox:checked+.toggle-slider:before{transform:translateX(19px)}.streaming-simple:has(.streaming-message){background:#f8f9fa;background:var(--background);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:5px;margin:16px 0;margin:var(--space-lg) 0;padding:12px;padding:var(--space-md)}.streaming-message{align-items:center;display:flex;gap:12px;gap:var(--space-md);margin-bottom:8px;margin-bottom:var(--space-sm)}.streaming-message .spinner{animation:spin 1s linear infinite;color:#00a5ef;color:var(--primary)}.streaming-text{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--space-xs)}.streaming-text strong{color:#212529;color:var(--text-primary);font-size:13px}.remaining-count{color:#6c757d;color:var(--text-tertiary);font-size:11px;font-weight:500}.streaming-status{display:none}.routes-ready{color:#28a745;color:var(--success);font-weight:600}.streaming-active{color:#00a5ef;color:var(--primary);font-weight:500}@keyframes simpleFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.route-option-vertical{animation:simpleFadeIn .3s ease}.streaming-minimal-loading{align-items:center;color:#6c757d;color:var(--text-tertiary);display:flex;font-size:13px;gap:12px;gap:var(--space-md);justify-content:center;padding:16px;padding:var(--space-lg)}.streaming-minimal-loading .spinner{animation:spin 1s linear infinite}.progress-simple{background:#dee2e6;background:var(--border);border-radius:2px;height:4px;margin:12px 0;margin:var(--space-md) 0;overflow:hidden}.progress-simple-fill{background:#00a5ef;background:var(--primary);border-radius:2px;height:100%;transition:width .3s ease}.streaming-complete{align-items:center;background:#28a7450d;border:1px solid #28a7451a;border-radius:5px;display:flex;font-size:13px;font-weight:500;gap:8px;gap:var(--space-sm);justify-content:center;margin:12px 0;margin:var(--space-md) 0;padding:12px;padding:var(--space-md)}.streaming-complete,.streaming-complete svg{color:#28a745;color:var(--success)}@media (max-width:767px){.streaming-simple{padding:8px;padding:var(--space-sm)}.streaming-message{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-sm)}.streaming-text{width:100%}.streaming-status{align-items:flex-start;flex-direction:column;gap:4px;gap:var(--space-xs)}}.stat-header-with-tooltip{align-items:center;display:flex;gap:6px;position:relative}.info-tooltip-container{display:inline-flex;position:relative}.info-tooltip-trigger{cursor:help;padding:2px}.info-tooltip-trigger:hover{background:#00a5ef1a;color:#00a5ef;color:var(--primary)}.vehicle-tooltip-popup{z-index:1000}.tooltip-header{align-items:center;background:#f8f9fa;background:var(--background);border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.tooltip-header h4{color:#212529;color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.close-tooltip{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.close-tooltip:hover{background:#dee2e6;background:var(--border);color:#212529;color:var(--text-primary)}.tooltip-content{padding:16px}.vehicle-type-image{height:auto;width:100%}.image-fallback,.vehicle-type-image{border:1px solid #dee2e6;border:1px solid var(--border);border-radius:4px;margin-bottom:12px}.image-fallback{background:#f8f9fa;background:var(--background);padding:12px}.image-fallback p{color:#212529;color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:8px}.image-fallback ul{margin:0;padding-left:20px}.image-fallback li{color:#495057;color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:4px}.image-fallback li strong{color:#212529;color:var(--text-primary)}.tooltip-note{background:#00a5ef0d;border-left:3px solid #00a5ef;border-left:3px solid var(--primary);border-radius:4px;color:#6c757d;color:var(--text-tertiary);font-size:12px;font-style:italic;margin:0;padding:8px 12px}.vehicle-tooltip-popup:before{border-bottom:8px solid #dee2e6;border-bottom:8px solid var(--border);border-left:8px solid #0000;border-right:8px solid #0000;top:-8px}.vehicle-tooltip-popup:after,.vehicle-tooltip-popup:before{content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.vehicle-tooltip-popup:after{border-bottom:7px solid #fff;border-bottom:7px solid var(--surface);border-left:7px solid #0000;border-right:7px solid #0000;top:-6px}@media (max-width:767px){.vehicle-tooltip-popup{left:0;transform:translateX(0);width:280px}.vehicle-tooltip-popup:after,.vehicle-tooltip-popup:before{left:20px}}.vehicle-tooltip-popup{pointer-events:auto}.info-tooltip-trigger{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;touch-action:manipulation;transition:all .2s ease}.info-tooltip-trigger:active,.info-tooltip-trigger:hover{background:#00a5ef1a;color:#00a5ef;color:var(--primary)}.info-tooltip-trigger[aria-expanded=true]{background:#00a5ef26;box-shadow:0 0 0 2px #00a5ef33;color:#00a5ef;color:var(--primary)}.vehicle-tooltip-popup{animation:slideDown .2s ease;background:#fff;background:var(--surface);border:1px solid #dee2e6;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px #00000026;left:50%;margin-top:8px;position:absolute;top:100%;transform:translateX(-50%);width:500px;z-index:1100}.tooltip-overlay{animation:fadeIn .2s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1099}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:767px){.vehicle-tooltip-popup{left:50%;margin:0;max-height:80vh;max-width:500px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:95%}.vehicle-tooltip-popup:after,.vehicle-tooltip-popup:before{display:none}.vehicle-type-image{max-height:200px;object-fit:contain}.info-tooltip-trigger{min-height:32px;min-width:32px;padding:8px}.close-tooltip{min-height:32px;min-width:32px;padding:6px}}@media (min-width:768px) and (max-width:1023px){.vehicle-tooltip-popup{width:300px}}@media (min-width:768px){.vehicle-tooltip-popup:before{border-bottom:8px solid #dee2e6;border-bottom:8px solid var(--border);border-left:8px solid #0000;border-right:8px solid #0000;top:-8px}.vehicle-tooltip-popup:after,.vehicle-tooltip-popup:before{content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.vehicle-tooltip-popup:after{border-bottom:7px solid #fff;border-bottom:7px solid var(--surface);border-left:7px solid #0000;border-right:7px solid #0000;top:-6px}}.app-header{background:linear-gradient(135deg,var(--primary-dark),#069);border-bottom:1px solid var(--border);box-shadow:0 2px 4px #0000000d;padding:var(--space-sm) var(--space-md);position:relative;width:100%;z-index:100}.header-content{justify-content:center;margin:0 auto;max-width:1200px;text-align:center}.header-content,.header-logo-section{width:100%}.header-content,.header-logo-section,.logo-container{align-items:center;display:flex;flex-direction:column}.logo-container{background:none;border:none;justify-content:center}.logo-container:focus{border:none;outline:none}.logo-word-display{height:80px;position:relative;width:200px}.logo-display,.logo-word-display,.word-display{align-items:center;display:flex;justify-content:center}.logo-display,.word-display{height:100%;width:100%}.app-logo{filter:drop-shadow(0 3px 10px rgba(0,0,0,.3));height:140px;object-fit:contain;transition:transform .4s ease,filter .4s ease;width:140px}.carousel-word{color:#fff;font-size:18px;font-weight:700;letter-spacing:2px;text-align:center;text-shadow:0 2px 4px #0000004d;text-transform:uppercase;white-space:nowrap}.header-title-section{align-items:center;display:flex;flex-direction:column;margin-top:var(--space-xs)}.app-tagline{color:#ffffffe6;font-size:.95rem;font-weight:400;letter-spacing:.5px;line-height:1.4;text-align:center}.tagline-text{font-size:14px;font-weight:400;letter-spacing:.4px}@media (max-width:480px){.app-header{padding:var(--space-xs) var(--space-sm)}.app-logo{height:100px;width:100px}.carousel-word{font-size:14px;letter-spacing:1px;padding:0 var(--space-xs)}.header-title-section{margin-top:var(--space-xs);width:150px}.app-tagline{font-size:.75rem;letter-spacing:.3px;line-height:1.3;padding:0 var(--space-sm)}}@media (min-width:481px) and (max-width:767px){.logo-word-display{width:180px}.app-logo{height:70px;width:70px}.carousel-word{font-size:16px;letter-spacing:1.5px}.app-tagline{font-size:.8rem}}@media (min-width:768px) and (max-width:1023px){.app-header{padding:var(--space-md) var(--space-lg)}.logo-word-display{width:320px}.app-logo{height:100px;width:100px}.carousel-word{font-size:20px;letter-spacing:2px}.app-tagline{font-size:.9rem}}@media (min-width:1024px) and (max-width:1279px){.logo-word-display{width:260px}.app-logo{height:120px;width:120px}.carousel-word{font-size:22px}.app-tagline{font-size:1rem}}@media (min-width:1280px) and (max-width:1535px){.logo-word-display{width:280px}.app-logo{height:130px;width:130px}.carousel-word{font-size:24px}.app-tagline{font-size:1.05rem}}@media (min-width:1536px){.logo-word-display{width:300px}.app-logo{height:140px;width:140px}.carousel-word{font-size:26px;letter-spacing:3px}.app-tagline{font-size:1.1rem}}@media (max-height:500px) and (orientation:landscape){.app-header{padding:var(--space-xs)}.logo-word-display{width:140px}.app-logo{height:40px;width:40px}.carousel-word{font-size:12px}.app-tagline{font-size:.7rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.app-logo{filter:drop-shadow(0 3px 10px rgba(0,0,0,.3))}.carousel-word{text-shadow:0 2px 4px #0006}}@media (prefers-reduced-motion:reduce){.app-logo,.logo-container:hover .app-logo{transform:none;transition:none}.logo-display,.word-display{transition-duration:.01ms!important}}@media print{.app-header{background:none;border-bottom:2px solid #000;box-shadow:none}.app-logo{filter:none}.carousel-word{color:#000;text-shadow:none}.app-tagline{color:#000}}:root{--whe2-primary:#00a5ef;--whe2-primary-dark:#0081c2;--whe2-secondary:#ff5e00;--whe2-accent:#4caf50;--whe2-surface:#fff;--whe2-background:#f8f9fa;--whe2-text-primary:#212529;--whe2-text-secondary:#495057;--whe2-text-tertiary:#6c757d;--whe2-border:#dee2e6;--whe2-border-light:#e9ecef;--whe2-success:#28a745;--whe2-warning:#ffc107;--whe2-error:#dc3545;--whe2-shadow:0 4px 20px #00000014;--whe2-radius:8px;--whe2-radius-lg:12px;--whe2-font:"Inter",system-ui,-apple-system,sans-serif}.whe2-feedback-btn{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#00a5ef,#0081c2);background:linear-gradient(135deg,var(--whe2-primary) 0,var(--whe2-primary-dark) 100%);border:none;border-radius:50px;bottom:24px;box-shadow:0 4px 20px #00000014;box-shadow:var(--whe2-shadow);color:#fff;cursor:pointer;display:flex;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--whe2-font);font-size:14px;font-weight:600;gap:8px;padding:12px 24px;position:fixed;right:24px;transition:all .3s ease;z-index:1000}.whe2-feedback-btn:hover{box-shadow:0 6px 24px #00a5ef4d;transform:translateY(-2px)}.whe2-feedback-btn:active{transform:translateY(0)}.whe2-feedback-btn .btn-icon{font-size:16px}.whe2-feedback-btn .btn-text{display:inline-block}.whe2-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.whe2-modal{animation:slideUp .3s ease;background:#fff;background:var(--whe2-surface);border:1px solid #dee2e6;border:1px solid var(--whe2-border);border-radius:12px;border-radius:var(--whe2-radius-lg);box-shadow:0 4px 20px #00000014;box-shadow:var(--whe2-shadow);max-height:90vh;max-width:500px;overflow-y:auto;width:90%;z-index:2000}.modal-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#f1f3f5);background:linear-gradient(135deg,var(--whe2-background) 0,#f1f3f5 100%);border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--whe2-border-light);border-radius:12px 12px 0 0;border-radius:var(--whe2-radius-lg) var(--whe2-radius-lg) 0 0;gap:16px;padding:24px 24px 20px}.header-icon{align-items:center;background:linear-gradient(135deg,#00a5ef,#0081c2);background:linear-gradient(135deg,var(--whe2-primary) 0,var(--whe2-primary-dark) 100%);border-radius:8px;border-radius:var(--whe2-radius);color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.header-content h3{color:#212529;color:var(--whe2-text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.header-content p{color:#495057;color:var(--whe2-text-secondary);font-size:14px;margin:0}.close-modal-btn{display:none}.whe2-modal form{padding:24px}.form-group{margin-bottom:20px}.form-label{align-items:center;color:#495057;color:var(--whe2-text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.form-label.required:after{color:#dc3545;color:var(--whe2-error);font-weight:700}.label-icon{font-size:16px}.whe2-input,.whe2-select,.whe2-textarea{background:#fff;background:var(--whe2-surface);border:2px solid #dee2e6;border:2px solid var(--whe2-border);border-radius:8px;border-radius:var(--whe2-radius);color:#212529;color:var(--whe2-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--whe2-font);font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.whe2-input:focus,.whe2-select:focus,.whe2-textarea:focus{border-color:#00a5ef;border-color:var(--whe2-primary);box-shadow:0 0 0 3px #00a5ef1a;outline:none}.whe2-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236C757D'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:44px}.whe2-textarea{font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--whe2-font);line-height:1.5;min-height:100px;resize:vertical}.form-group.has-error .whe2-input,.form-group.has-error .whe2-select,.form-group.has-error .whe2-textarea{background-color:#f59e0b0d!important;border-color:#f59e0b!important}.form-group.has-error .whe2-input:focus,.form-group.has-error .whe2-select:focus,.form-group.has-error .whe2-textarea:focus{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b1a!important}.error-message{align-items:center;animation:fadeIn .3s ease;background:#fef3c780;border-left:3px solid #f59e0b;border-radius:6px;color:#d97706;display:none;font-size:13px;font-weight:500;gap:6px;margin-top:6px;padding:8px 12px}.form-group.has-error .error-message{display:flex}.form-label.required:after{content:" *";font-weight:500}.char-counter,.form-label.required:after{color:#6c757d;color:var(--whe2-text-tertiary)}.char-counter{font-size:12px;font-weight:400;opacity:.7}.char-counter.submit-warning{color:#f59e0b;font-weight:500}.char-counter.submit-error{color:#dc2626;font-weight:600}.message-hint{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.form-hint,.min-length{color:#6c757d;color:var(--whe2-text-tertiary);font-size:12px;opacity:.8}.form-hint{display:block;font-style:normal;line-height:1.4;margin-top:6px}.email-hint{font-style:italic}.modal-actions{gap:12px;margin-top:32px}.whe2-btn-primary,.whe2-btn-secondary{align-items:center;border:2px solid #0000;border-radius:8px;border-radius:var(--whe2-radius);cursor:pointer;display:flex;flex:1 1;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--whe2-font);font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .2s}.whe2-btn-primary{background:linear-gradient(135deg,#00a5ef,#0081c2);background:linear-gradient(135deg,var(--whe2-primary) 0,var(--whe2-primary-dark) 100%);border:none;color:#fff}.whe2-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #00a5ef4d;transform:translateY(-1px)}.whe2-btn-primary:disabled{cursor:not-allowed;opacity:.6}.whe2-btn-secondary{background:#fff;background:var(--whe2-surface);border:2px solid #dee2e6;border:2px solid var(--whe2-border);color:#495057;color:var(--whe2-text-secondary)}.whe2-btn-secondary:hover{background:#f8f9fa;background:var(--whe2-background);border-color:#00a5ef;border-color:var(--whe2-primary);color:#00a5ef;color:var(--whe2-primary)}.success-modal{padding:40px 32px;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#e8f7ff,#d1f2ff);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px #28a74533;color:#28a745;color:var(--whe2-success);display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-modal h3{color:#212529;color:var(--whe2-text-primary);font-size:24px;font-weight:700;margin:0 0 16px}.success-message{color:#495057;color:var(--whe2-text-secondary);font-size:16px;line-height:1.5;margin-bottom:24px}.email-notification,.success-message strong{color:#00a5ef;color:var(--whe2-primary)}.email-notification{align-items:center;background:linear-gradient(135deg,#e8f7ff,#d1f2ff);border:1px solid #00a5ef33;border-radius:8px;border-radius:var(--whe2-radius);display:inline-flex;font-size:14px;gap:8px;margin:0 auto 24px;padding:12px 20px}.email-notification svg{font-size:14px}.reference-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #00a5ef;border-left:4px solid var(--whe2-primary);border-radius:8px;border-radius:var(--whe2-radius);margin:24px 0;padding:24px;text-align:left}.reference-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.reference-header span{color:#6c757d;color:var(--whe2-text-tertiary);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.copy-reference-btn{align-items:center;background:#00a5ef;background:var(--whe2-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s}.copy-reference-btn:hover{background:#0081c2;background:var(--whe2-primary-dark);box-shadow:0 2px 8px #00a5ef4d;transform:translateY(-1px)}.reference-id{display:flex;justify-content:center;margin:12px 0}.reference-id code{background:#fff;border:2px solid #dee2e6;border:2px solid var(--whe2-border);border-radius:8px;border-radius:var(--whe2-radius);box-shadow:0 2px 8px #0000000d;color:#212529;color:var(--whe2-text-primary);display:inline-block;font-family:Courier New,Consolas,Monaco,monospace;font-size:20px;font-weight:700;letter-spacing:.5px;min-width:220px;overflow:hidden;padding:16px 24px;position:relative;text-align:center}.reference-id code:before{background:linear-gradient(90deg,#00a5ef,#0081c2);background:linear-gradient(90deg,var(--whe2-primary),var(--whe2-primary-dark));content:"";height:3px;left:0;position:absolute;right:0;top:0}.reference-id code .ref-prefix{color:#00a5ef;color:var(--whe2-primary);font-weight:800}.reference-id code .ref-date{color:#495057;color:var(--whe2-text-secondary)}.reference-id code .ref-random{color:#28a745;color:var(--whe2-success);font-weight:800}.reference-hint{color:#6c757d;color:var(--whe2-text-tertiary);font-size:13px;font-style:italic;line-height:1.5;margin:12px 0 0;text-align:center}.next-steps{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border-radius:var(--whe2-radius);margin:24px 0;padding:20px;text-align:left}.next-steps h4{color:#212529;color:var(--whe2-text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.next-steps ul{color:#495057;color:var(--whe2-text-secondary);font-size:14px;line-height:1.6;margin:0;padding-left:20px}.next-steps li{margin-bottom:8px}.next-steps li:last-child{margin-bottom:0}.spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-right:8px;width:16px}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:10000}.whe2-toast{animation:slideInRight .3s ease-out;background:#fff;border-left:5px solid;border-radius:12px;box-shadow:0 10px 30px #00000026;margin-bottom:10px;max-width:400px;min-width:300px;padding:20px;position:relative;transform:translateX(0);transition:transform .3s ease-out}.whe2-toast.hide{transform:translateX(150%)}.toast-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left-color:#10b981}.toast-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left-color:#ef4444}.toast-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#f59e0b}.toast-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left-color:#3b82f6}.toast-header{justify-content:space-between;margin-bottom:12px}.toast-header,.toast-title{align-items:center;display:flex}.toast-title{font-size:16px;font-weight:600;gap:10px;margin:0}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.toast-close:hover{background:#0000000d;color:#374151}.toast-message{color:#374151;font-size:14px;line-height:1.5;margin:0}.toast-icon{font-size:18px}.processing-note{background:#e7f5ff;border-left:3px solid #00a5ef;border-radius:6px;margin:10px 0;padding:10px 15px}.processing-note small{color:#0056b3;font-style:italic}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 4px 20px #00a5ef4d}50%{box-shadow:0 4px 30px #00a5ef80}to{box-shadow:0 4px 20px #00a5ef4d}}@keyframes slideInRight{0%{transform:translateX(150%)}to{transform:translateX(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.form-group.has-error.shake .whe2-input,.form-group.has-error.shake .whe2-select,.form-group.has-error.shake .whe2-textarea{animation:shake .3s ease-in-out}@media (max-width:768px){.whe2-feedback-btn{bottom:16px;padding:10px 20px;right:16px}.whe2-feedback-btn .btn-text{display:none}.whe2-feedback-btn .btn-icon{font-size:18px;margin:0}.whe2-modal{margin:16px;width:95%}.modal-actions{flex-direction:column}.reference-id code{font-size:18px;min-width:auto;padding:14px 16px;width:100%;word-break:break-all}.reference-card{padding:20px 16px}.toast-container{left:10px;right:10px;top:10px}.whe2-toast{max-width:none;min-width:auto;width:calc(100% - 20px)}.message-hint{align-items:flex-start;flex-direction:column;gap:4px}.char-counter{align-self:flex-end}.reference-header{align-items:flex-start;flex-direction:column;gap:8px}.copy-reference-btn{align-self:flex-end}}.whe2-input:focus,.whe2-select:focus,.whe2-textarea:focus{outline:3px solid #00a5ef4d;outline-offset:2px}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.copy-reference-btn.copied{animation:copySuccess .3s ease;background:#28a745;background:var(--whe2-success)}@media print{.reference-id code{background:#fff!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important;font-size:16px!important}}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-map{background:var(--background);border:1px solid var(--border);height:450px;margin:var(--space-lg) 0;overflow:hidden}.leaflet-map.error,.leaflet-map.loading{align-items:center;background:var(--surface);color:var(--text-tertiary);display:flex;flex-direction:column;height:300px;justify-content:center;padding:var(--space-xl);text-align:center}.leaflet-map.loading .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border);border:3px solid var(--border);border-top-color:var(--primary);height:40px;margin-bottom:var(--space-lg);width:40px}.leaflet-map.error{background:#fe00000d;border-color:#fe000033;color:var(--error)}.leaflet-map.error svg{color:var(--error);font-size:32px;margin-bottom:var(--space-md)}.leaflet-bottom,.leaflet-top{display:none}.map-overlay{align-items:center;display:flex;justify-content:space-between;left:12px;pointer-events:none;position:absolute;right:12px;top:12px;z-index:1000}.map-title{color:var(--text-primary);font-size:14px;font-weight:600;max-width:60%;padding:8px 12px}.map-stats,.map-title{align-items:center;background:#fff;border:1px solid var(--border);box-shadow:0 2px 4px #0000001a;display:flex}.map-stats{color:var(--text-secondary);font-size:12px;gap:8px;padding:6px 10px}.map-stat{font-size:11px;gap:4px}.map-stat svg{font-size:10px}.map-legend{background:#fff;border:1px solid var(--border);bottom:1px;box-shadow:0 2px 4px #0000001a;flex-direction:column;font-size:11px;gap:6px;padding:8px 10px;position:absolute;right:1px;z-index:1000}.legend-item{gap:8px}.legend-dot{border:1px solid #fff;height:10px;width:10px}.legend-dot.start{background:#34c759;border-radius:50%}.legend-dot.end{background:var(--secondary);border-radius:50%}.legend-dot.toll{background:#fac71f;border-radius:50%}.leaflet-container{height:300px;width:100%}.leaflet-container,.leaflet-popup-content{font-family:var(--font-body);font-size:14px}.leaflet-popup-content{color:var(--text-primary);line-height:1.4;margin:0!important;min-width:150px;padding:0!important}.leaflet-popup-content-wrapper{background:#fff;border:1px solid var(--border);border-radius:0;color:var(--text-primary);padding:4px!important}.leaflet-popup-tip{background:#fff}.leaflet-control-attribution{background:#ffffffe6;color:var(--text-tertiary);font-size:10px;padding:2px 4px}.leaflet-control-attribution a{color:var(--primary)}.custom-div-icon{background:none!important;border:none!important}.toll-marker{background:#ff9500;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #ff9500;height:16px!important;width:16px!important}.start-marker-map{background:var(--primary);box-shadow:0 0 0 2px var(--primary)}.end-marker-map,.start-marker-map{border:2px solid #fff;border-radius:50%;height:20px!important;width:20px!important}.end-marker-map{background:var(--secondary);box-shadow:0 0 0 2px var(--secondary)}.leaflet-control-zoom{border:1px solid var(--border)!important}.leaflet-control-zoom a{background:#fff!important;border-bottom:1px solid var(--border)!important;color:var(--text-primary)!important}.leaflet-control-zoom a:hover{background:var(--surface)!important}.leaflet-interactive{stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.leaflet-tile{filter:saturate(1.1) contrast(1.1)}.legend-dot.petrol{background:var(--primary)}.map-center-button{align-items:center;background:#fff;border:2px solid #0003;border-radius:50%;bottom:20px;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;transition:all .2s ease;width:40px;z-index:999}.map-center-button:hover{background:#f8f9fa;box-shadow:0 3px 8px #00000040;transform:scale(1.05)}.map-center-button:active{transform:scale(.95)}.center-button-icon{color:#333;font-size:20px}.leaflet-map{position:relative}.trip-summary-content{padding-bottom:10px}.trip-navigation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xl)}.back-nav-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.back-nav-btn:hover{background:#00a5ef0d;border-color:var(--primary);color:var(--primary)}.route-position-badge{background:#00a5ef1a;border-radius:5px;color:var(--primary);font-size:13px;font-weight:500;padding:6px 12px}.main-trip-card{margin-bottom:var(--space-lg)}.trip-header-section{margin-bottom:var(--space-xl);text-align:center}.trip-title-badge{align-items:center;background:#00a5ef1a;border-radius:5px;color:var(--primary);display:inline-flex;font-size:14px;font-weight:500;gap:var(--space-xs);margin-bottom:var(--space-md);padding:8px 16px}.trip-title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.3;margin-bottom:var(--space-xs)}.trip-route-subtitle{color:var(--text-secondary);font-size:16px;font-weight:500}.trip-key-stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-xl)}.key-stat{background:var(--background);border:1px solid var(--border);border-radius:5px;padding:var(--space-lg);text-align:center;transition:all .2s ease}.key-stat:hover{border-color:var(--primary);box-shadow:0 4px 12px #00a5ef1a;transform:translateY(-2px)}.key-stat-icon{align-items:center;background:linear-gradient(135deg,#00a5ef1a,#00a5ef33);border-radius:5px;color:var(--primary);display:flex;height:40px;justify-content:center;margin:0 auto var(--space-md);width:40px}.key-stat-content{display:flex;flex-direction:column;gap:var(--space-xs)}.key-stat-value{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1}.key-stat-label{color:var(--text-tertiary);font-size:13px;font-weight:500}.cost-efficiency-badge{align-items:center;background:linear-gradient(135deg,#00a5ef0d,#00a5ef1a);border:1px solid #00a5ef33;border-radius:5px;display:flex;gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-lg)}.efficiency-label{color:var(--text-secondary);font-size:14px;font-weight:500}.efficiency-value{background:#fff;border-radius:5px;box-shadow:0 2px 4px #00a5ef1a;color:var(--primary);font-size:16px;font-weight:700;padding:4px 10px}.cost-breakdown{margin-bottom:var(--space-lg)}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-xl)}.section-icon{color:var(--primary)}.cost-breakdown-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-xl)}.breakdown-item{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:5px;display:flex;justify-content:space-between;padding:var(--space-lg);transition:all .2s ease}.breakdown-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #00a5ef14;transform:translateY(-1px)}.breakdown-header{align-items:center;display:flex;gap:var(--space-md)}.breakdown-icon{color:var(--primary)}.breakdown-info{display:flex;flex-direction:column}.breakdown-title{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:2px}.breakdown-subtitle{color:var(--text-tertiary);font-size:13px}.breakdown-amount{color:var(--text-primary);font-size:20px;font-weight:700}.fuel-breakdown .breakdown-icon{color:var(--primary)}.toll-breakdown .breakdown-icon{color:var(--secondary)}.total-cost-summary{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:var(--space-xl)}.total-cost-label{color:var(--text-primary);font-size:16px;font-weight:600}.total-cost-value{color:var(--primary);font-size:32px;font-weight:700}.map-card-with-sidebar{margin-bottom:var(--space-lg)}.map-sidebar-container{display:flex;gap:var(--space-xl)}.map-sidebar-left{flex:2 1}.tollgates-sidebar{background:var(--background);border:1px solid var(--border);border-radius:5px;display:flex;flex:1 1;flex-direction:column;max-height:500px}.map-container-full{overflow:hidden}.map-card-with-sidebar .card-header{align-items:center;display:flex;justify-content:space-between}.map-action-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:var(--space-xs);padding:8px 12px;transition:all .2s ease}.map-action-btn:hover{background:#00a5ef0d;border-color:var(--primary);color:var(--primary)}.map-action-btn:hover:not(.disabled){border-color:#1890ff;color:#1890ff}.map-action-btn.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.4}.map-action-btn.disabled:hover{border-color:#d9d9d9;color:inherit}.route-position-indicator{background:#f0f0f0;border:1px solid #e8e8e8;border-radius:5px;font-size:12px;min-width:100px;padding:4px 12px;text-align:center}.route-navigation-controls{background:#ffffffe6;gap:8px;padding:4px 8px}.tollgates-sidebar-header{background:var(--surface);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;padding:var(--space-lg)}.sidebar-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:var(--space-sm);margin-bottom:var(--space-xs)}.sidebar-icon{color:var(--secondary)}.sidebar-total{color:var(--primary);font-size:14px;font-weight:600}.tollgates-list-container{flex:1 1;overflow-y:auto;padding:var(--space-sm)}.tollgates-list{display:flex;flex-direction:column;gap:var(--space-sm)}.tollgate-sidebar-item{background:var(--surface);border:1px solid var(--border);border-radius:5px;cursor:pointer;padding:var(--space-md);transition:all .2s ease}.tollgate-sidebar-item:hover{border-color:var(--primary);box-shadow:0 4px 12px #00a5ef14;transform:translateX(-2px)}.tollgate-sidebar-item.active{background:#00a5ef05;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.tollgate-sidebar-item.highlighted{animation:highlightPulse 2s ease}@keyframes highlightPulse{0%{background:#00a5ef1a}50%{background:#00a5ef33}to{background:#00a5ef05}}.sidebar-item-header{align-items:flex-start;display:flex;gap:var(--space-md);margin-bottom:var(--space-sm)}.sidebar-item-sequence{flex-shrink:0}.sequence-circle{align-items:center;background:linear-gradient(135deg,#fac71f,#f7de8c);border-radius:50%;color:#000;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.tollgate-sidebar-item.active .sequence-circle{background:linear-gradient(135deg,#fac71f,#ff9500);transform:scale(1.1)}.sidebar-item-content{flex:1 1;min-width:0}.sidebar-tollgate-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tollgate-position{color:var(--text-tertiary);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.sidebar-item-price{flex-shrink:0;text-align:right}.price-amount{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:2px}.price-label{color:var(--text-tertiary);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.sidebar-item-details{border-top:1px solid var(--border);padding-top:var(--space-sm)}.cumulative-cost{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.cumulative-label{color:var(--text-tertiary);font-size:11px}.cumulative-value{color:var(--text-primary);font-size:12px;font-weight:600}.tollgate-progress{align-items:center;display:flex;gap:var(--space-sm)}.progress-bar-small{background:var(--border);border-radius:5px;flex:1 1;height:4px;overflow:hidden}.progress-fill-small{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:5px;height:100%;transition:width .3s ease}.progress-text{color:var(--text-tertiary);font-size:10px;min-width:50px;text-align:right}.no-tollgates-sidebar{padding:var(--space-xl) var(--space-lg);text-align:center}.no-tollgates-sidebar h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:var(--space-sm) 0 var(--space-xs)}.no-tollgates-sidebar p{color:var(--text-secondary);font-size:14px}.tollgates-summary{background:linear-gradient(135deg,#00a5ef0d,#00a5ef1a);border-radius:0 0 8px 8px;border-top:1px solid var(--border);padding:var(--space-lg)}.summary-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-xs)}.summary-row:last-child{margin-bottom:0}.summary-label{color:var(--text-secondary);font-size:13px}.summary-value{color:var(--text-primary);font-size:14px;font-weight:600}.summary-row:nth-child(2) .summary-value{color:var(--primary)}.summary-row:nth-child(3) .summary-value{color:var(--secondary)}.route-info{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:var(--space-sm);justify-content:center}.route-end,.route-start{color:var(--text-primary);font-weight:500}.route-arrow{color:var(--primary);font-weight:700;margin:0 var(--space-xs)}.trip-actions{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.trip-main-action{background:var(--primary-dark);border-radius:5px;color:#fff;font-size:15px;font-weight:600;max-width:350px;padding:var(--space-lg) var(--space-sm);transition:all .2s ease;width:100%}.trip-main-action svg{font-size:25px;text-align:center}.tip-item{align-items:center;color:var(--text-secondary);font-size:13px;line-height:1.5;margin:var(--space-md) auto;max-width:800px}.tip-content{flex:1 1}.floating-tips-panel{background:var(--surface);border:1px solid var(--border);border-radius:5px;bottom:20px;box-shadow:0 4px 20px #00000026;overflow:hidden;position:fixed;right:20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:1000}.floating-tips-panel.collapsed{border-radius:50%;height:48px;padding:0;width:48px}.panel-toggle-header{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;display:flex;justify-content:space-between;min-height:48px;padding:14px 16px;transition:background .2s}.floating-tips-panel.collapsed .panel-toggle-header{border-radius:50%;height:48px;justify-content:center;padding:0;width:48px}.toggle-content{align-items:center;display:flex;gap:10px}.toggle-icon{flex-shrink:0;font-size:20px}.toggle-title{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-tips-panel.collapsed .toggle-title{display:none}.toggle-btn{align-items:center;background:#fff3;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s;width:24px}.floating-tips-panel.collapsed .toggle-btn{display:none}.toggle-btn:hover{background:#ffffff4d;transform:scale(1.1)}.floating-tips-panel.collapsed .panel-toggle-header:hover{background:linear-gradient(135deg,var(--primary-dark),#0071a7);transform:scale(1.05)}.panel-content{max-height:400px;overflow-y:auto;transition:all .3s ease}.floating-tips-panel.collapsed .panel-content{display:none}.panel-content .trip-tips{display:flex;flex-direction:column;gap:16px;padding:16px}.panel-content .tip-item{background:var(--background);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:5px;display:flow;padding:16px;transition:all .2s}.panel-content .tip-item:hover{background:var(--surface);box-shadow:0 4px 12px #00a5ef1a;transform:translateY(-2px)}.tip-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.tip-icon{color:var(--primary);flex-shrink:0;font-size:16px}.tip-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.tip-text{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.panel-footer{background:var(--background);border-top:1px solid var(--border);padding:12px 16px;text-align:center}.footer-text{color:var(--text-tertiary);font-size:12px;font-weight:500}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.floating-tips-panel{animation:slideInUp .4s ease-out}.panel-content .tip-item{animation:fadeIn .3s ease-out forwards;opacity:0}.panel-content .tip-item:first-child{animation-delay:.1s}.panel-content .tip-item:nth-child(2){animation-delay:.2s}.panel-content .tip-item:nth-child(3){animation-delay:.3s}.panel-content .tip-item:nth-child(4){animation-delay:.4s}@keyframes fadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.floating-tips-panel{left:16px;right:16px;width:calc(100% - 32px)}.floating-tips-panel.collapsed{height:48px;left:auto;right:16px;width:48px}.panel-toggle-header{padding:12px}.toggle-title{font-size:14px}}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:var(--accent)}.panel-content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--primary),var(--primary-dark));border-radius:5px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.map-placeholder{align-items:center;background:var(--background);border:1px dashed var(--border);border-radius:5px;display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--space-lg);padding:var(--space-2xl);text-align:center}.map-placeholder .placeholder-icon{color:var(--text-tertiary);margin-bottom:var(--space-md)}.placeholder-text{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:var(--space-xs)}.placeholder-subtext{color:var(--text-secondary);font-size:14px}.trip-demo-warning-banner{align-items:flex-start;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:5px;display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);padding:var(--space-xl)}.trip-warning-icon{color:var(--warning);flex-shrink:0;font-size:24px}.trip-warning-text{flex:1 1}.trip-warning-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:var(--space-sm)}.trip-warning-description{color:var(--text-secondary);font-size:14px;margin-bottom:var(--space-md)}.close-banner-btn{background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;transition:color .2s}.close-banner-btn:hover{color:var(--text-primary)}@media (max-width:768px){.map-card-with-sidebar .card-header{align-items:stretch}.route-navigation-controls{flex-wrap:wrap;justify-content:space-between;width:100%}.route-position-indicator{margin-top:var(--space-sm);min-width:120px;order:3;text-align:center;width:100%}.map-action-btn{flex:1 1;min-width:60px}.map-action-btn.primary{order:4}.trip-actions{align-items:center}.key-stat{padding:var(--space-sm)}.key-stat-icon{margin:0 auto var(--space-sm)}.key-stat-value{font-size:18px}.floating-tips-panel{bottom:80px;left:20px;right:20px;width:calc(100% - 40px)}.floating-tips-panel.collapsed{height:48px;left:auto;right:20px;width:48px}.app-container{max-width:100%}.content{padding:var(--space-md)}.location-inputs-container{flex-direction:column}.swap-button-container{margin:var(--space-lg) 0}.swap-button{position:static;transform:none}.header-stats-bar,.vehicle-settings{padding:var(--space-md)}.header-stats-bar{border-radius:5px;margin:var(--space-md) auto 0;max-width:720px}.stat-item{align-items:center;display:flex;gap:var(--space-md);padding:var(--space-sm) 0;position:relative;width:100%}.stat-item:not(:last-child){padding-bottom:var(--space-md)}.stat-details{display:flex;flex:1 1;flex-direction:column}.inline-select{align-self:flex-start;max-width:200px;width:100%}.cost-breakdown-grid,.trip-key-stats{gap:var(--space-sm);grid-template-columns:1fr}.breakdown-item{padding:var(--space-md)}.total-cost-summary{flex-direction:column;gap:var(--space-sm)}.total-cost-value{font-size:24px}.map-sidebar-container{flex-direction:column;gap:var(--space-lg)}.map-card-with-sidebar .card-header{align-items:center;flex-direction:column;gap:var(--space-md)}.map-action-btn{align-self:stretch;justify-content:center}.sidebar-item-header{flex-wrap:wrap}.sidebar-item-price{margin-top:var(--space-xs);order:3;text-align:left;width:100%}.nav-bar{justify-content:space-around}.nav-item{padding:var(--space-sm)}}@media (min-width:768px) and (max-width:1023px){.location-inputs-container{align-items:flex-end;flex-direction:row}.swap-button-container{align-items:center;display:flex;height:100%;justify-content:center;margin:0;padding-top:40px}.swap-button{position:static;transform:none}.input-label{font-size:16px;font-weight:600;margin-bottom:var(--space-lg)}.vehicle-settings{border-radius:5px;margin:var(--space-md) auto 0;max-width:1200px}.vehicle-class-section{align-items:center;display:flex;gap:var(--space-md);grid-column:span 2}.vehicle-class-section .stat-label{flex-shrink:0}.vehicle-class-section .stat-value{flex:1 1}.vehicle-class-section select.inline-select{max-width:300px;width:100%}.stat-item{padding:0}.consumption-section,.fuel-type-section,.stat-item{grid-column:span 1}}.route-options-card{background:var(--surface);border:1px solid var(--border);border-radius:5px;margin:0 auto;max-width:800px;padding:var(--space-xl)}.route-header-vertical{margin-bottom:var(--space-lg)}.route-header-vertical h3{align-items:center;color:var(--text-primary);display:flex;font-size:20px;gap:var(--space-sm);margin-bottom:var(--space-xs)}.route-summary{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:var(--space-md);padding-top:var(--space-2xl)}.route-count-vertical{background:#00a5ef1a;border-radius:5px;color:var(--primary);font-weight:500;min-width:120px;padding:4px 10px}.route-destination-vertical{font-weight:500}.route-instruction{align-items:center;background:#00a5ef0d;border-radius:5px;color:var(--text-secondary);display:flex;font-size:14px;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.route-options-vertical{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.route-option-vertical{background:var(--background);border:1px solid var(--border);border-radius:5px;cursor:pointer;padding:var(--space-lg);position:relative;transition:all .2s ease}.route-option-vertical:hover{border-color:var(--primary);box-shadow:0 4px 12px #00a5ef14;transform:translateY(-1px)}.route-option-vertical.selected{background:#00a5ef05;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.route-option-item.selected>.route-select-btn{background:var(--primary-dark)}.route-option-header{margin-bottom:var(--space-md)}.route-name-vertical{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.route-name-content{align-items:center;color:var(--primary);display:flex;gap:var(--space-sm)}.route-title{color:var(--text-primary);font-size:16px;font-weight:600}.selected-badge{align-items:center;color:#fff!important;display:inline-flex;gap:var(--space-xs);margin-left:var(--space-sm);padding:4px 8px}.route-price{color:var(--primary);font-size:17px;font-weight:700}.route-stats-vertical{align-items:center;background:var(--surface);border-radius:5px;display:flex;margin-bottom:var(--space-lg);padding:var(--space-md)}.stat-vertical{align-items:center;display:flex;flex:1 1;gap:var(--space-sm);padding:0 var(--space-md)}.stat-vertical svg{color:var(--text-tertiary)}.stat-content-vertical{display:flex;flex-direction:column}.stat-value-vertical{color:var(--text-primary);font-size:16px;font-weight:600}.stat-value-vertical.toll-vertical{color:var(--secondary)}.stat-label-vertical{color:var(--text-tertiary);font-size:12px;margin-top:2px}.stat-divider{background:var(--border);height:24px;width:1px}.cost-breakdown-vertical{display:flex;flex-direction:column;gap:var(--space-md)}.cost-row{justify-content:space-between}.cost-item-vertical,.cost-row{align-items:center;display:flex}.cost-item-vertical{color:var(--text-secondary);font-size:14px;gap:var(--space-sm)}.cost-item-vertical svg{color:var(--text-tertiary)}.cost-label-vertical{font-weight:500}.cost-value-vertical{color:var(--text-primary);font-weight:600;margin-left:var(--space-xs)}.cost-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:13px;gap:var(--space-xs)}.meta-divider{opacity:.5}.toll-info{align-items:center;background:#ff5e000d;border-radius:5px;color:var(--text-secondary);display:flex;font-size:13px;gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.toll-info svg{color:var(--secondary)}.toll-count{font-weight:500}.route-divider{background:var(--border);height:1px;margin:var(--space-lg) calc(var(--space-lg)*-1) 0}.route-actions-vertical{border-top:1px solid var(--border);display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg)}.btn-vertical{align-items:center;border-radius:5px;display:flex;flex:1 1;font-size:15px;font-weight:500;gap:var(--space-sm);justify-content:center;padding:var(--space-lg) var(--space-xl);transition:all .2s ease}.btn-primary.btn-vertical{background:var(--primary-dark);border:none;color:#fff}.btn-primary.btn-vertical:hover:not(:disabled){box-shadow:0 4px 12px #00a5ef33;transform:translateY(-1px)}.btn-primary.btn-vertical:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-secondary.btn-vertical{background:#0000;border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary.btn-vertical:hover{background:#00000005;border-color:var(--text-tertiary)}.vertical-tip{margin-top:var(--space-lg)}.tip-content{align-items:flex-start;border:1px solid #ffc1071a;border-radius:5px;color:var(--text-secondary);font-size:13px;gap:var(--space-sm);line-height:1.5;padding:var(--space-md)}.tip-content svg{flex-shrink:0;margin-top:1px}.map-interactive-card{margin-bottom:var(--space-lg)}.map-interactive-card .map-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-lg)}.map-controls{gap:var(--space-sm)}.map-controls,.map-zoom-btn{align-items:center;display:flex}.map-zoom-btn{background:var(--background);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);cursor:pointer;font-size:18px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.map-zoom-btn:hover{background:#00a5ef0d;border-color:var(--primary);color:var(--primary)}.interactive-map-container{background:var(--background);border:1px solid var(--border);border-radius:5px;margin-bottom:var(--space-lg);overflow:hidden;position:relative}.map-background{background:linear-gradient(135deg,#00a5ef0d,#ffffff1a);height:300px;overflow:hidden;position:relative;width:100%}.sa-outline{opacity:.3}.route-line,.route-path,.sa-outline{height:100%;position:absolute;width:100%}.route-line{fill:none}.map-marker{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;transform:translate(-50%,-50%);transition:all .3s ease;z-index:10}.map-marker:hover{transform:translate(-50%,-50%) scale(1.2);z-index:20}.map-marker:hover .marker-label{opacity:1;transform:translateY(0)}.marker-pin{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;height:32px;justify-content:center;width:32px}.start-marker .marker-pin{background:var(--primary);color:#fff}.end-marker .marker-pin{background:var(--secondary);color:#fff}.toll-marker .marker-pin{background:#ff9800;color:#fff;height:28px;width:28px}.toll-marker-icon{font-size:12px;font-weight:700}.marker-label{background:var(--surface);border:1px solid var(--border);border-radius:5px;box-shadow:0 2px 4px #0000001a;color:var(--text-primary);font-size:12px;font-weight:600;margin-top:4px;opacity:0;padding:4px 8px;transform:translateY(-10px);transition:all .2s ease;white-space:nowrap}.distance-scale{align-items:flex-end;background:#ffffffe6;border:1px solid var(--border);border-radius:5px;bottom:20px;display:flex;flex-direction:column;padding:8px 12px;position:absolute;right:20px}.scale-line{background:var(--text-secondary);height:2px;position:relative;width:100px}.scale-line:after,.scale-line:before{background:var(--text-secondary);content:"";height:6px;position:absolute;top:-2px;width:2px}.scale-line:before{left:0}.scale-line:after{right:0}.scale-label{color:var(--text-secondary);font-size:11px;font-weight:500;margin-top:4px}.map-legend{background:var(--surface);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:center;padding:var(--space-md)}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:var(--space-xs)}.legend-color{border-radius:2px;height:12px;width:12px}.start-color{background:#34c759}.end-color{background:#ff3b30}.toll-color{background:#fdbe11}.route-color{background:var(--primary);border-radius:1px;height:2px;width:24px}.map-info-panel{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding-top:var(--space-lg)}.route-coordinates{display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs)}.coordinate-item{align-items:center;display:flex;gap:var(--space-sm)}.coordinate-label{color:var(--text-secondary);font-size:13px;min-width:40px}.coordinate-value{color:var(--text-primary);font-size:14px;font-weight:600}.route-stats-map{display:flex;gap:var(--space-xl)}.map-stat{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:var(--space-xs)}.map-stat svg{color:var(--primary)}.route-options-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:10000}.route-options-modal{background:var(--surface);border-radius:5px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;background:var(--background);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:var(--space-xl)}.modal-header h3{color:var(--text-primary);font-size:20px;margin:0}.close-modal-btn{background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;font-size:20px;padding:4px;transition:color .2s}.close-modal-btn:hover{color:var(--text-primary)}.modal-content{max-height:60vh;overflow-y:auto;padding:var(--space-xl)}.modal-instruction{color:var(--text-secondary);font-size:14px;margin-bottom:var(--space-lg)}.route-options-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-xl)}.route-option-item{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md);transition:all .2s ease}.route-option-item:hover{border-color:var(--primary)}.route-option-item.selected{background:#00a5ef0d;border-color:var(--primary)}.route-option-info{flex:1 1}.route-name{align-items:center;color:var(--text-primary);display:flex;font-size:15px;font-weight:600;gap:var(--space-sm);margin-bottom:4px}.selected-badge{background:var(--primary);border-radius:5px;color:#fff;font-size:11px;font-weight:500;padding:2px 6px}.route-details{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:var(--space-xs)}.route-select-btn{background:var(--primary);border-radius:5px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background .2s}.route-select-btn:hover{background:var(--primary-dark)}.modal-actions{display:flex;justify-content:flex-end}@media (max-width:768px){.route-title{font-size:15px}.trip-title{font-size:20px}.route-options-card{padding:var(--space-lg)}.route-summary{gap:var(--space-xs)}.route-stats-vertical,.route-summary{align-items:flex-start;flex-direction:column}.route-stats-vertical{gap:var(--space-md)}.stat-vertical{padding:0;width:100%}.stat-divider{height:1px;margin:var(--space-xs) 0;width:100%}.cost-row{align-items:flex-start;flex-direction:column;gap:var(--space-sm)}.cost-meta{align-self:flex-start;margin-top:var(--space-xs)}.route-actions-vertical{flex-direction:column}.map-interactive-card .map-card-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.map-controls{align-self:stretch;justify-content:space-between}.map-action-btn{flex:1 1}.map-background{height:250px}.map-legend{gap:var(--space-md);justify-content:space-around}.map-info-panel{align-items:flex-start;flex-direction:column;gap:var(--space-lg)}.route-stats-map{align-self:stretch;justify-content:space-between}.distance-scale{bottom:10px;padding:6px 10px;right:10px}.scale-line{width:80px}.route-options-modal-overlay{padding:var(--space-md)}.modal-content{padding:var(--space-lg)}.route-option-item{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.route-select-btn{align-self:flex-end}.trip-key-stats{gap:var(--space-sm);gap:var(--space-md);grid-template-columns:1fr;grid-template-rows:repeat(3,auto);padding:0 var(--space-md)}.key-stat{gap:var(--space-xl);justify-content:flex-start;padding:var(--space-lg) var(--space-xl)}.key-stat,.key-stat-icon{align-items:center;display:flex}.key-stat-icon{flex-shrink:0;height:48px;justify-content:center;margin:0;width:48px}.key-stat-icon svg{height:20px;width:20px}.key-stat-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.key-stat-value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2}.key-stat-label{color:var(--text-tertiary);font-size:12px;font-weight:500}}.route-navigation-controls{align-items:center;display:flex;gap:var(--space-sm)}.route-position-indicator{color:var(--text-secondary);font-size:13px;font-weight:500;padding:0 var(--space-sm);white-space:nowrap}.map-action-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.map-action-btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.api-error-banner{background:linear-gradient(135deg,#ffe6e6,#fcc);border:1px solid #ff8080;border-radius:5px;box-shadow:0 2px 8px #ff00001a;margin:20px 0;padding:16px}.error-content{align-items:flex-start;display:flex;gap:12px}.error-icon{color:#d32f2f;flex-shrink:0;margin-top:2px}.error-text{flex:1 1}.error-title{color:#d32f2f;font-size:14px;font-weight:600;margin-bottom:4px}.error-description{color:#666;font-size:13px;line-height:1.4}.arrow-spacer{height:40px;visibility:hidden;width:40px}.api-status-indicator{align-items:center;color:var(--success);display:flex;font-size:13px;gap:8px;margin-top:12px}.api-status-indicator .spinner{animation:spin 1s linear infinite}.zero-distance-badge{align-items:center;background:#e0f7fa;border-radius:5px;color:#00796b;display:inline-flex;font-size:11px;font-weight:500;margin-left:8px;padding:2px 8px}.zero-distance-message{background:#f8f9fa;border:1px solid #e9ecef;border-radius:5px;margin:10px 0;padding:15px}.zero-distance-header{align-items:center;color:#495057;display:flex;font-weight:500;gap:8px;margin-bottom:8px}.zero-distance-message p{color:#6c757d;font-size:13px;line-height:1.4;margin:0}.status-connected,.status-offline{align-items:center;border-radius:5px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.status-connected{background-color:#4caf501a;color:var(--success)}.status-offline{background-color:#f443361a;color:var(--danger)}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.consumption-input-wrapper{align-items:center;display:flex}.consumption-input{border:1px solid var(--border-color);border-radius:5px;font-size:13px;padding:4px 8px;width:60px}.consumption-unit{color:var(--text-tertiary);font-size:13px;margin-left:4px}.pizzabox{align-self:center;color:#000;font-family:Lucida Console,Courier New,monospace;font-size:10px;padding:var(--space-sm)}.fuel-stations-card{margin-bottom:20px}.fuel-stations-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.fuel-count-badge{background:#e3f2fd;border-radius:5px;color:#1976d2;font-size:12px;font-weight:500;margin-left:10px;padding:4px 8px}.fuel-count-badge .avg-distance{color:#666;font-size:11px;margin-left:5px}.fuel-stations-controls{align-items:center;display:flex;gap:15px}.toggle-switch{align-items:center;display:flex;gap:8px}.toggle-label{color:#666;font-size:12px}.switch{display:inline-block;height:20px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:5px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translateX(20px)}.brand-filter{align-items:center;display:flex;font-size:12px;gap:8px}.brand-select{background:#fff;border:1px solid #ddd;border-radius:5px;color:#333;font-size:12px;padding:4px 8px}.fuel-stations-container{margin-top:15px;max-height:300px;overflow-y:auto}.fuel-station-item{background:#f9f9f9;border-left:4px solid #666;border-radius:5px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s ease}.fuel-station-item:hover{background:#f0f0f0;transform:translateX(2px)}.fuel-station-item.active{background:#e8f5e9;border-left-width:6px;box-shadow:0 2px 4px #0000001a}.station-item-header{align-items:center;display:flex;gap:10px}.station-brand-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.station-item-content{flex:1 1}.station-name{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:8px}.station-brand-tag{background:#0000001a;border-radius:5px;font-size:10px;font-weight:500;padding:2px 6px}.station-details{color:#666;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:2px}.station-distance{color:#4caf50;font-weight:500}.station-services{color:#ff9800}.station-action .view-station-btn{background:#0000;border:1px solid #ddd;border-radius:5px;color:#666;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s}.station-action .view-station-btn:hover{background:#4caf50;border-color:#4caf50;color:#fff}.station-address{border-top:1px dashed #eee;color:#888;font-size:11px;margin-top:6px;padding-top:6px}.station-services-full{align-items:center;background:#ff98001a;border-radius:5px;color:#ff9800;display:flex;font-size:11px;gap:6px;margin-top:6px;padding:4px 8px}.no-fuel-stations{color:#999;padding:40px 20px;text-align:center}.no-fuel-stations h4{color:#666;margin:10px 0 5px}.no-fuel-stations p{color:#888;font-size:14px}.fuel-stations-summary{background:#f8f9fa;border-radius:5px;border-top:1px solid #eee;margin-top:15px;padding:12px}.fuel-stations-summary .summary-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.sidebar-tollgate-details{margin-top:4px}.distance-from-start{align-items:center;color:#666;display:flex;font-size:11px;gap:4px;margin-top:2px}.tollgate-sidebar-item:hover .distance-from-start{color:#333}.distance-icon{color:#3498db;flex-shrink:0}.distance-label{color:#666;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tollgate-sidebar-item:hover .distance-icon{color:#2980b9}
/*# sourceMappingURL=main.3e77a4f5.css.map*/