:root{--canvas-h: 0;--canvas-s: 0%;--canvas-l: 90%;--color-canvas-neutral: hsl(0, 0%, 90%);--color-canvas-warm: hsl(40, 30%, 98%);--color-canvas-cool: hsl(210, 20%, 98%);--color-canvas: hsl(var(--canvas-h), var(--canvas-s), var(--canvas-l));--color-canvas-darker: hsl(var(--canvas-h), var(--canvas-s), 80%);--color-text: hsl(0, 0%, 20%);--color-text-lighter: hsl(0, 0%, 30%);--hauler-h: 110;--hauler-s: 60%;--hauler-l: 30%;--hauler-primary: hsl(var(--hauler-h), var(--hauler-s), var(--hauler-l));--hauler-primary-hover: hsl(var(--hauler-h), var(--hauler-s), 35%);--hauler-lighter: hsl(var(--hauler-h), 30%, 70%);--hauler-mid: hsl(var(--hauler-h), 30%, 60%);--hauler-darker: hsl(var(--hauler-h), 30%, 50%);--sender-h: 290;--sender-s: 40%;--sender-l: 40%;--sender-primary: hsl(var(--sender-h), var(--sender-s), var(--sender-l));--sender-primary-hover: hsl(var(--sender-h), var(--sender-s), 45%)}[data-theme=dark]{--canvas-h: 0;--canvas-s: 0%;--canvas-l: 25%;--color-canvas-neutral: #ffffff;--color-canvas-warm: hsl(40, 20%, 15%);--color-canvas-cool: hsl(210, 15%, 15%);--color-canvas: hsl(var(--canvas-h), var(--canvas-s), var(--canvas-l));--color-canvas-darker: hsl(var(--canvas-h), var(--canvas-s), 20%);--color-text: hsl(0, 0%, 90%);--color-text-darker: hsl(0, 0%, 80%);--hauler-h: 110;--hauler-s: 60%;--hauler-l: 30%;--hauler-primary: hsl(var(--hauler-h), var(--hauler-s), var(--hauler-l));--hauler-primary-hover: hsl(var(--hauler-h), var(--hauler-s), 40%);--hauler-lighter: hsl(var(--hauler-h), 30%, 70%);--hauler-mid: hsl(var(--hauler-h), 30%, 60%);--hauler-darker: hsl(var(--hauler-h), 30%, 50%);--sender-h: 290;--sender-s: 35%;--sender-l: 50%;--sender-primary: hsl(var(--sender-h), var(--sender-s), var(--sender-l));--sender-primary-hover: hsl(var(--sender-h), var(--sender-s), 60%)}:root{--color-page-bg: #ffffff;--color-navbar-bg: #f8f8f8;--color-footer-bg: #f5f5f5;--color-modal-bg: #ffffff;--color-text-primary: #333333;--color-text-secondary: #666666;--logo-1-color: hsl(290, 87%, 53%);--logo-2-color: hsl(110, 60%, 50%);--sender-light: hsl(290, 50%, 95%);--sender-medium: hsl(290, 50%, 90%);--sender-dark: hsl(290, 50%, 80%);--hauler-light: hsl(110, 50%, 95%);--hauler-medium: hsl(110, 50%, 90%);--hauler-dark: hsl(110, 30%, 60%);--input-bg: #ffffff;--input-border: hsl(0, 0%, 50%);--input-text: #333333;--input-placeholder: hsl(0, 0%, 60%);--button-text: #ffffff;--dropdown-bg: #ffffff;--dropdown-border: #eeeeee;--dropdown-hover: #f5f5f5;--label-text: hsl(0, 0%, 40%);--height-header: 100px;--height-footer: 200px;--height-banner: 300px;--modal-offset-top: 10vh;--font-size-base: 16px;--font-size-lg: 20px;--font-size-sm: 14px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--border-radius: 6px;--common-spacing: 1rem;--shadow-light: 0 2px 4px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .15);--transition-speed: .2s}[data-theme=dark]{--color-page-bg: #121212;--color-navbar-bg: #222222;--color-footer-bg: #333333;--color-modal-bg: #1e1e1e;--color-text-secondary: #bbbbbb;--hauler-light: hsl(110, 30%, 25%);--hauler-medium: hsl(110, 30%, 20%);--hauler-dark: hsl(110, 30%, 15%);--input-bg: #333333;--input-border: #555555;--input-text: #ffffff;--input-placeholder: hsl(0, 0%, 50%);--dropdown-bg: #2a2a2a;--dropdown-border: #444444;--dropdown-hover: #3a3a3a;--shadow-light: 0 2px 4px rgba(0, 0, 0, .2);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .3)}:root{--navbar-height: 50px;--banner-height: 150px;--breakpoint-navbar: 600px;--min-content-width: 300px;--max-content-width: 1300px;--navbar-bg-color: #D1D5DB;--banner-bg-color: #111827;--content-bg-color: #f3f4f6}html,body{all:unset}.navbar__primary,.navbar{display:flex;flex-wrap:wrap;height:var(--navbar-height);align-items:center;gap:1rem}.navbar{background-color:var(--navbar-bg-color, rgb(255,233,233))}.banner{height:var(--banner-height);background-color:var(--banner-bg-color, rgb(255,200,200));color:#d1d5db}.content__navigation{display:flex;gap:1rem;padding:10px}.content__navigation--hauler{flex:1;display:flex;justify-content:flex-start}.content__navigation--sender{flex:1;display:flex;justify-content:flex-end}.content__navigation a{display:inline-block;text-decoration:none}.content__wrapper{display:flex;flex-wrap:wrap;padding:1rem;max-width:var(--max-content-width);margin:0 auto;gap:1rem}.content--sender,.content--hauler{flex:1;min-width:var(--min-content-width)}.quick-stats{display:flex;padding:10px;background-color:var(--banner-bg-color, rgb(255,200,200));color:#d1d5db;align-items:center;gap:1rem}.footer__page,.footer__test{background-color:var(--content-bg-color, rgb(255,233,233))}.footer__social{text-align:center}.footer__row{display:flex;justify-content:flex-end;align-items:center;position:relative}.footer__copyright{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;min-width:280px}.footer__menu{display:flex;gap:16px;margin-left:auto}.footer__menu-list{display:flex;gap:15px;list-style:none;padding:0;margin:0}.footer__menu-link{text-decoration:none;color:var(--text-color, #333);transition:color .3s ease}.footer__menu-link:hover{color:var(--text-hover-color, #000)}@media (max-width: 800px){.footer__menu{margin-top:30px;width:100%;justify-content:center}}.country-select{position:relative;display:inline-flex;align-items:center}.dropdown{position:absolute;top:calc(100% + 4px);left:0;max-height:300px;overflow-y:auto;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;z-index:1000;scroll-behavior:smooth;scrollbar-width:thin;padding-bottom:4px;min-width:240px}.dropdown::-webkit-scrollbar{width:6px}.dropdown::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.dropdown::-webkit-scrollbar-thumb:hover{background-color:#aaa}.dropdown::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:4px}.dropdown__item{display:flex;align-items:center;padding:2px 5px;cursor:pointer;min-height:32px;white-space:nowrap;position:relative;z-index:2}.dropdown--highlighted{background-color:#f5f5f5!important;transition:background-color .05s ease}.dropdown__item:hover{background-color:#f5f5f5}.dropdown--has-highlight .dropdown__item:not([data-highlighted=true]):hover{background-color:transparent}.dropdown__load-more{display:flex;align-items:center;justify-content:center;padding:6px 8px;cursor:pointer;min-height:32px;text-align:center;font-weight:700;background-color:#f9f9f9;position:relative;z-index:2}.dropdown__load-more:hover{background-color:#f5f5f5}.dropdown__no-results{padding:6px;text-align:center;font-size:13px;position:relative;z-index:2}.dropdown__no-results--error{color:#e53e3e}.dropdown__item-flag{width:20px;height:auto;margin-right:8px}.dropdown__item-code{margin-right:8px;font-weight:500}.dropdown__item-name{flex-grow:1;margin-right:4px}.dropdown__item-local-name{color:gray;font-size:14px}.datetime-select__dropdown{padding:1rem;top:calc(100% + 5px);box-shadow:0 2px 10px #0000001a}.dropdown:focus,.dropdown__item:focus,.dropdown__load-more:focus{outline:none}.dropdown:before,.dropdown:after{content:"";position:absolute;left:0;right:0;height:20px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s ease}.dropdown:before{top:0;background:linear-gradient(to bottom,rgba(255,255,255,.9),transparent)}.dropdown:after{bottom:0;background:linear-gradient(to top,rgba(255,255,255,.9),transparent)}.dropdown.can-scroll-up:before{opacity:1}.dropdown.can-scroll-down:after{opacity:1}.dropdown__item:last-child,.dropdown__load-more:last-child{margin-bottom:4px}.button{padding:.6rem 1.2rem;font-size:1rem;font-weight:600;border:none;border-radius:var(--border-radius, .5rem);cursor:pointer;transition:all var(--transition-speed, .2s) ease,opacity .2s ease;opacity:1}.manual-form__submit{align-self:flex-end}.button.inactive{opacity:.7}.button-secondary{background-color:transparent;border:1px solid var(--secondary-border, #4b5563);color:var(--secondary-color, #ffffff)}.button-secondary:hover{background-color:var(--secondary-hover, #374151)}.button-cancel{background-color:var(--cancel-bg, #f44336);color:var(--cancel-color, #ffffff)}.button-cancel:hover{background-color:var(--cancel-hover, #d32f2f)}.button-close{background-color:transparent;color:var(--close-color, #000000)}.button-close:hover{background-color:var(--close-hover, #e0e0e0)}.button-ghost{background-color:transparent;border:1px solid var(--ghost-border, #cccccc);color:var(--ghost-color, #000000)}.button-ghost:hover{background-color:var(--ghost-hover, #f5f5f5)}.button--floating{position:fixed;bottom:24px;right:24px;padding:.75rem;background-color:var(--floating-bg, #7f9ab6);color:var(--floating-color, #ffffff);border-radius:50%;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease,opacity .2s ease;opacity:.8;z-index:1000}.button--floating:hover{background-color:var(--floating-hover, #6d7e91);transform:scale(1.1);opacity:1}.button--sender{background-color:var(--sender-primary);color:#fff}.button--sender:hover{background-color:var(--sender-primary-hover)}.button--hauler{background-color:var(--hauler-primary);color:#fff}.button--hauler:hover{background-color:var(--hauler-primary-hover)}.button-full-width{width:100%}.button-small{padding:.5rem 1rem;font-size:.875rem}.button-large{padding:1rem 2rem;font-size:1.125rem}.button-icon{padding:.5rem;font-size:1rem}.button:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;border-radius:4px;border:1px solid var(--input-border);padding:.3rem}.input:focus{outline:none;border-color:#fff;box-shadow:0 0 0 2px #4b5563}.tabs-trigger{border-bottom:none;padding:.3rem 1rem;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;margin-right:-1px;border-top-left-radius:var(--border-radius, .3rem );border-top-right-radius:var(--border-radius, .3rem)}.tabs-trigger--sender{background-color:var(--sender-medium, #e5e7eb);border:1px solid var(--sender-primary, #005f99)}.tabs-trigger--hauler{background-color:var(--hauler-medium, #e5e7eb);border:1px solid var(--hauler-primary, #005f99)}.tabs-trigger--sender:hover:not(.tabs-trigger--active){background-color:var(--sender-light, #e5e7eb)}.tabs-trigger--hauler:hover:not(.tabs-trigger--active){background-color:var(--hauler-light, #e5e7eb)}.tabs-trigger--active{background-color:#fff;box-shadow:inset 0 2px 4px #0003;position:relative;border-bottom:1px solid #e9e9e9;margin-bottom:-1px;z-index:3}.label{display:block;font-size:.85rem;color:var(--label-text)}.label--description{display:block;font-size:.9rem;color:var(--label-gtext);line-height:1.2;margin-left:8px}.content--sender .label--description{color:var(--sender-primary)}.content--hauler .label--description{color:var(--hauler-primary)}.label--neutral{color:gray}.content{max-width:1400px;margin:0 auto}.navigation-button-wrapper:hover .content__navigation-description{opacity:1}.content__title{margin:1rem;text-align:center;padding-bottom:.5rem;position:relative;text-shadow:0 1px 3px rgba(0,0,0,.3)}.ai-form,.manual-form,.result-table{display:flex;flex-direction:column;padding:1rem;margin:2rem 0;border-radius:var(--border-radius);box-shadow:2px 4px 6px #0000001a}.ai-form__textarea{position:relative;z-index:1;width:95%;min-height:50px;padding:.5rem;border-radius:var(--border-radius);resize:vertical}.ai-form__tabs{position:relative;z-index:2;margin-top:16px;margin-left:8px;margin-bottom:-1px}.manual-form{gap:1.2rem}.content__navigation--sender .navigation-button-wrapper{position:relative;display:inline-block}.content__navigation--sender .content__navigation-description{position:absolute;top:100%;right:5px;margin-top:.2rem;opacity:0;color:gray;font-size:.875rem;transition:opacity .6s ease-in-out;pointer-events:none;width:auto;white-space:nowrap}.content--sender .content__title{color:var(--sender-primary);border-bottom:2px solid transparent;border-image:linear-gradient(to right,transparent,var(--sender-primary),transparent) 1}.content--sender .content__description{color:var(--sender-primary);line-height:1.2;margin:1rem 2rem}.ai-form--sender,.manual-form--sender,.result-table--sender{border:2px solid var(--sender-medium);background:var(--sender-light)}.content--sender .ai-form__title,.content--sender .manual-form__title{color:var(--sender-primary, #005f99);margin-left:8px;text-shadow:0px 1px 3px rgba(0,0,0,.2)}.ai-form--sender .ai-form__textarea{border-color:var(--sender-primary-hover);border-left:3px solid var(--sender-primary-hover)}.manual-form--sender .manual-form__pickup,.manual-form--sender .manual-form__delivery,.manual-form--sender .manual-form__cargo{border:1px solid var(--sender-primary-hover);border-left:3px solid var(--sender-primary-hover);background-color:var(--sender-medium);padding:1.2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-light)}.content__navigation--hauler .navigation-button-wrapper{position:relative;display:inline-block}.content__navigation--hauler .content__navigation-description{position:absolute;top:100%;left:5px;margin-top:.2rem;opacity:0;color:gray;font-size:.875rem;transition:opacity .6s ease-in-out;pointer-events:none;width:auto;white-space:nowrap}.content--hauler .content__title{color:var(--hauler-primary);border-bottom:2px solid transparent;border-image:linear-gradient(to right,transparent,var(--hauler-primary),transparent) 1}.content--hauler .content__description{color:var(--hauler-primary);line-height:1.2;margin:1rem 2rem}.ai-form--hauler,.manual-form--hauler,.result-table--hauler{border:2px solid var(--hauler-medium);background:var(--hauler-light)}.content--hauler .ai-form__title,.content--hauler .manual-form__title{color:var(--hauler-primary, #005f99);margin-left:8px;text-shadow:0px 1px 3px rgba(0,0,0,.2)}.ai-form--hauler .ai-form__textarea{border-color:var(--hauler-primary);border-left:3px solid var(--hauler-primary);box-shadow:0 0 0 2px var(--hauler-light)}.manual-form--hauler .manual-form__pickup,.manual-form--hauler .manual-form__delivery,.manual-form--hauler .manual-form__cargo{border:1px solid var(--hauler-primary);border-left:3px solid var(--hauler-primary);background-color:var(--hauler-medium);padding:1.2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-light)}.ai-form--sender .ai-form__textarea:focus{outline:none;border-bottom:3px solid var(--sender-primary-hover, #e5e7eb)}.ai-form--hauler .ai-form__textarea:focus{outline:none;border-bottom:3px solid var(--hauler-primary-hover, #e5e7eb)}.manual-form__cargo-row{display:flex;gap:1rem;width:100%}.cargo-label{display:block;margin-bottom:.5rem}.cargo-field{flex:1}.cargo-field input{box-sizing:border-box;width:100%}.manual-form__grid{display:grid;grid-template-columns:70px minmax(0,1fr);gap:1rem}.country-select__flag{width:24px;height:auto}.country-select__flag--inactive{filter:grayscale(100%);opacity:.5}.country-select__input{width:24px;text-align:center}.country-select,.location-select{display:flex;position:relative;align-items:center;gap:.5rem}.location-select__psc{width:85px;flex:0 0 85px;border-radius:4px;min-width:30px;border:1px solid var(--input-border);padding:.3rem;box-sizing:border-box}.location-select__city{width:100%;flex:1 1 0;border-radius:4px;min-width:15px;border:1px solid var(--input-border);padding:.3rem;box-sizing:border-box}.location-select .input-wrapper{display:flex;width:100%}.datetime-select{display:flex;gap:.5rem;width:100%}.datetime-select__date,.datetime-select__time{flex:1 1 0;border-radius:4px;min-width:50px;border:1px solid var(--input-border);padding:.3rem;box-sizing:border-box}.social-icon{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:color .3s ease;color:var(--text-muted, #555)}.social-icon:hover{color:#000}.social-facebook{color:#3b5998}.social-facebook:hover{color:#2d4373}.social-twitter{color:#1da1f2}.social-twitter:hover{color:#0d8bdc}.social-linkedin{color:#0077b5}.social-linkedin:hover{color:#005582}.social-instagram{color:#e1306c}.social-instagram:hover{color:#bc2464}.page-footer,.test-footer{position:relative;width:100%;padding:16px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-footer{background-color:var(--footer-light-bg);color:var(--footer-light-text)}.page-footer.dark,.test-footer.dark{background-color:var(--footer-dark-bg);color:var(--footer-dark-text)}.test-footer{background-color:#e5e7eb;color:#374151}.social-links,.footer-social{display:flex;gap:24px;justify-content:center;margin-bottom:16px}.footer-menu{display:flex;gap:16px;list-style:none;padding:0;margin:0;font-size:14px;justify-content:center}.footer-menu li a{text-decoration:none;color:inherit;transition:text-decoration .3s}.footer-menu li a:hover{text-decoration:underline}.footer-row{display:flex;flex-direction:column;gap:16px;align-items:center;font-size:12px}.admin-button{position:absolute;bottom:8px;left:8px;color:#6c757d;background:none;border:none;cursor:pointer;transition:color .3s ease}.admin-button:hover{color:#343a40}.admin-button.production-hidden{color:transparent;pointer-events:none}.admin-button:focus{outline:none}.footer-left{display:flex;gap:8px;align-items:center;justify-content:center}.footer-right{display:flex;gap:16px;justify-content:center}.banner{display:flex;justify-content:space-between;align-items:center}.banner__left{flex:1;padding-left:50px}.banner__right{width:20%;display:flex;flex-direction:column;align-items:center}.navbar-language-container{position:relative;display:inline-block}.navbar-language-button{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:.5rem;transition:all .2s ease;border-radius:4px}.navbar-language-button:hover{background-color:#ffffff1a}.navbar-language-flag{width:1.5rem;height:auto;border-radius:2px;margin-right:.5rem;transition:filter .3s ease,opacity .3s ease,box-shadow .3s ease;opacity:1;box-shadow:2px 2px 4px #0003,-1px -1px 2px #ffffff4d}.navbar-language-flag--grayscale{filter:grayscale(80%) contrast(120%) brightness(100%);opacity:.7;box-shadow:1px 1px 3px #00000026,-1px -1px 1px #fff3}.navbar-language-flag--grayscale:hover{filter:none;opacity:1}.navbar-language-lc{font-size:.875rem;font-weight:500}.navbar-language-dropdown-container{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;width:350px;z-index:1000;overflow:hidden;border:1px solid #e0e0e0;pointer-events:auto}.navbar-language-search-row{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid #e0e0e0;background-color:#f7f7f7;gap:.5rem;width:100%;box-sizing:border-box}.navbar-language-code-search-container{flex:0 0 60px}.navbar-language-name-search-container{flex:1;min-width:0}.navbar-language-code-search,.navbar-language-name-search{width:100%;padding:.3rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem;box-sizing:border-box}.navbar-language-code-search:focus,.navbar-language-name-search:focus{outline:none;border-color:#2684ff;box-shadow:0 0 0 1px #2684ff}.navbar-language-code-search{text-transform:uppercase}.navbar-language-loading,.navbar-language-empty{padding:1rem;text-align:center;color:#666;font-size:.875rem}.navbar-language-dropdown{max-height:390px;overflow-y:auto}.navbar-language-item{display:grid;grid-template-columns:1.5rem 20px 20px 120px 1fr;align-items:center;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease;gap:.5rem}.navbar-language-item:hover,.navbar-language-item--highlighted{background-color:#f0f9ff}.navbar-language-item--primary{background-color:#ebf5ff;font-weight:500}.navbar-language-item--secondary{background-color:#f5f5f5}.navbar-language-item--tertiary{background-color:#fafafa}.navbar-language-item-flag{width:1.5rem;height:auto;border-radius:2px;border:1px solid #e0e0e0;transition:filter .3s ease,opacity .3s ease,box-shadow .3s ease;opacity:1;box-shadow:2px 2px 4px #0003,-1px -1px 2px #ffffff4d}.navbar-language-item-flag--grayscale{filter:grayscale(80%) contrast(120%) brightness(100%);opacity:.7;box-shadow:1px 1px 3px #00000026,-1px -1px 1px #fff3}.navbar-language-item-flag--grayscale:hover{filter:none;opacity:1}.navbar-language-item-code{font-size:.65rem;color:#777;text-transform:uppercase;font-weight:400;text-align:left}.navbar-language-item-lc{font-size:.875rem;text-align:left}.navbar-language-item-name{font-size:.875rem;text-align:left;white-space:nowrap}.navbar-language-item-unsupported{font-size:.75rem;color:#999;margin-left:.25rem}.navbar-language-item-native{color:#777;font-size:.75rem;text-align:right}.navbar-language-divider{height:1px;background-color:#e0e0e0;margin:8px 0;width:100%}@media (max-width: 768px){.navbar-language-dropdown-container{width:330px;right:-10px}}@media (max-width: 480px){.navbar-language-dropdown-container{width:310px;right:-50px}.navbar-language-search-row{flex-direction:column;gap:.5rem}.navbar-language-code-search-container{flex:0 0 auto;width:60px}.navbar-language-item{grid-template-columns:1.5rem 20px 30px 100px 1fr}}:root{--status-outbound: #2389ff;--status-transit: #7a63ff;--status-inbound: #1fbac7;--status-standby: #b5bd00;--status-depot: #6b7684;--status-service: #d726ff;--hauler-light: #f5f7fa;--hauler-medium: #e0e4ea;--hauler-dark: #2c3e50;--hauler-primary: #3498db;--color-text: #333;--color-text-secondary: #666}.dashboard{display:flex;flex-direction:column;height:100%;width:100%;background:var(--hauler-light);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.dashboard__toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--hauler-medium);border-bottom:1px solid var(--hauler-dark)}.dashboard__title{margin:0;font-size:20px;color:var(--color-text);font-weight:600}.dashboard__toolbar-actions{display:flex;gap:10px}.dashboard__toolbar-button{padding:6px 12px;background:var(--hauler-light);border:1px solid var(--hauler-dark);border-radius:4px;color:var(--color-text);cursor:pointer;font-size:14px;transition:background .2s}.dashboard__toolbar-button:hover{background:var(--hauler-dark);color:#fff}.dashboard__toolbar-button.active{background:var(--hauler-primary);color:#fff;border-color:var(--hauler-primary)}.dashboard__content{display:grid;grid-template-columns:70px 160px 1fr;grid-template-areas:"filters vehicles map";gap:16px;padding:16px;height:calc(100% - 52px);overflow:hidden;position:relative;transition:grid-template-columns .3s ease-out}.dashboard__content--charts-expanded{grid-template-columns:70px 160px calc(100% - 500px)}.dashboard__content--vehicles-expanded{grid-template-columns:70px 300px calc(100% - 500px)}.dashboard__content--charts-expanded.dashboard__content--vehicles-expanded{grid-template-columns:70px 300px calc(100% - 650px)}.dashboard__filters-column{grid-area:filters;display:flex;flex-direction:column;gap:10px}.dashboard__reset-filter{padding:6px 8px;background:var(--hauler-dark);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s;text-align:center;font-size:12px}.dashboard__reset-filter:hover{background:var(--hauler-primary)}.dashboard__status-filters{display:flex;flex-direction:column;gap:8px;position:relative}.dashboard__status-filters:before{content:"";position:absolute;width:74px;height:44px;background:transparent;border:2px solid rgba(255,255,255,.8);border-radius:8px;opacity:0;transition:transform .2s,opacity .2s;pointer-events:none;z-index:2;transform:translate(-2px) translateY(-2px)}.dashboard__status-filters:hover:before{opacity:1}.dashboard__stat{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;border-radius:6px;color:#fff;cursor:pointer;transition:transform .2s;position:relative;width:70px;height:40px}.dashboard__stat:hover~.dashboard__status-filters:before{opacity:0}.dashboard__stat:hover{transform:translate(3px)}.dashboard__stat--active{transform:translate(3px);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--status-color)}.dashboard__stat--hover~.dashboard__status-filters:before,.dashboard__stat:hover~.dashboard__status-filters:before{opacity:1;transform:translateY(calc(var(--hover-index, 0) * 48px)) translate(-2px) translateY(-2px)}.dashboard__stat-value{font-size:18px;font-weight:700;margin-bottom:4px}.dashboard__stat-label{font-size:10px;text-transform:uppercase;font-weight:500;letter-spacing:.3px;line-height:1.1;text-align:center}.dashboard__stat-indicator{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid var(--status-color)}.dashboard__stat--outbound{background:var(--status-outbound)}.dashboard__stat--inbound{background:var(--status-inbound)}.dashboard__stat--transit{background:var(--status-transit)}.dashboard__stat--standby{background:var(--status-standby)}.dashboard__stat--depot{background:var(--status-depot)}.dashboard__stat--service{background:var(--status-service)}.dashboard__vehicles-column{grid-area:vehicles;display:flex;flex-direction:column;border-radius:8px;background:var(--hauler-medium);overflow:hidden;width:160px;transition:width .3s ease-in-out}.dashboard__vehicles-column.expanded{width:300px}.dashboard__vehicles-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--hauler-dark);color:#fff}.dashboard__vehicles-header h3{margin:0;font-size:14px}.dashboard__vehicles-actions{display:flex;align-items:center;gap:12px}.dashboard__select-all{display:flex;align-items:center;gap:4px;font-size:12px}.dashboard__select-all input{margin:0}.dashboard__vehicles-toggle{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0}.dashboard__vehicles-list{flex:1;overflow-y:auto;padding:6px}.dashboard__vehicle-item{margin-bottom:6px;padding:6px;background:var(--hauler-light);border-radius:6px;box-shadow:0 1px 3px #0000001a}.dashboard__vehicle-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}.dashboard__vehicle-plate{font-weight:600;font-size:13px}.dashboard__vehicle-icon{width:18px;height:18px;margin-left:auto}.dashboard__vehicle-destination{font-size:11px;color:var(--color-text-secondary)}.dashboard__vehicle-status{display:inline-block;padding:2px 6px;border-radius:20px;color:#fff;font-size:10px}.dashboard__vehicle-status--outbound{background:var(--status-outbound)}.dashboard__vehicle-status--inbound{background:var(--status-inbound)}.dashboard__vehicle-status--transit{background:var(--status-transit)}.dashboard__vehicle-status--standby{background:var(--status-standby)}.dashboard__vehicle-status--depot{background:var(--status-depot)}.dashboard__vehicle-status--service{background:var(--status-service)}.dashboard__no-vehicles{padding:20px;text-align:center;color:var(--color-text-secondary);font-style:italic;font-size:13px}.dashboard__map-container{grid-area:map;position:relative;width:100%;height:100%;min-height:700px;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000001a;transition:width .3s ease-out;margin-right:100px}.dashboard__map-element{width:100%;height:calc(100% - 40px)}.dashboard__map-controls{position:absolute;top:10px;left:10px;z-index:1000;background:var(--hauler-light);padding:5px 10px;border-radius:4px;box-shadow:0 1px 3px #0003}.dashboard__flag-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text)}.dashboard__flag-toggle input{margin:0}.dashboard__map-element .leaflet-tile{filter:grayscale(100%)}.vehicle-marker{box-sizing:border-box;filter:none!important;z-index:1000;width:26px;height:26px}.vehicle-marker.static{width:18px;height:18px}.vehicle-marker.static .marker-inner{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:3px}.vehicle-marker.dynamic{width:26px;height:26px}.vehicle-marker.dynamic .marker-inner{position:absolute;left:4px;top:4px;width:18px;height:18px;border-radius:50%}.vehicle-marker.dynamic.delay--none:before{background:radial-gradient(circle,rgba(40,167,69,.8) 0%,rgba(40,167,69,.2) 70%,transparent 100%)}.vehicle-marker.dynamic.delay--minor:before{background:radial-gradient(circle,rgba(253,126,20,.8) 0%,rgba(253,126,20,.2) 70%,transparent 100%)}.vehicle-marker.dynamic.delay--major:before{background:radial-gradient(circle,rgba(220,53,69,.8) 0%,rgba(220,53,69,.2) 70%,transparent 100%)}.vehicle-marker.status-icon--outbound .marker-inner{background:var(--status-outbound)}.vehicle-marker.status-icon--inbound .marker-inner{background:var(--status-inbound)}.vehicle-marker.status-icon--transit .marker-inner{background:var(--status-transit)}.vehicle-marker.status-icon--standby .marker-inner{background:var(--status-standby)}.vehicle-marker.status-icon--depot .marker-inner{background:var(--status-depot)}.vehicle-marker.status-icon--service .marker-inner{background:var(--status-service)}.vehicle-marker.marker--hidden{opacity:.3}.dashboard__charts-sidebar{position:absolute;top:16px;right:16px;width:80px;height:calc(100% - 32px);background:var(--hauler-light);border-radius:8px;box-shadow:0 2px 8px #00000026;transition:width .3s ease-in-out;overflow:hidden;z-index:3}.dashboard__charts-sidebar.expanded{width:300px}.dashboard__charts-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--hauler-dark);color:#fff;border-radius:8px 8px 0 0}.dashboard__charts-header h3{margin:0;font-size:14px}.dashboard__charts-toggle{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0}.dashboard__chart-thumbnails{display:flex;flex-direction:column;gap:16px;padding:16px 8px}.dashboard__thumbnail{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s}.dashboard__thumbnail:hover{transform:scale(1.05)}.dashboard__thumbnail-svg{width:60px;height:50px;margin-bottom:5px;background:var(--hauler-medium);border-radius:4px}.dashboard__thumbnail span{font-size:11px;color:var(--color-text);text-align:center}.dashboard__chart-expanded{padding:12px;height:calc(100% - 40px);display:flex;flex-direction:column}.dashboard__chart-type-toggle{display:flex;justify-content:center;gap:10px;margin-bottom:12px}.dashboard__chart-type-toggle button{padding:4px 12px;background:var(--hauler-medium);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .2s;font-size:12px}.dashboard__chart-type-toggle button.active{background:var(--hauler-primary)}.dashboard__chart{flex:1;width:100%;border:1px solid var(--hauler-medium);border-radius:4px;background:#fff}.dashboard__stat:nth-child(1):hover~.dashboard__status-filters:before{--hover-index: 0}.dashboard__stat:nth-child(2):hover~.dashboard__status-filters:before{--hover-index: 1}.dashboard__stat:nth-child(3):hover~.dashboard__status-filters:before{--hover-index: 2}.dashboard__stat:nth-child(4):hover~.dashboard__status-filters:before{--hover-index: 3}.dashboard__stat:nth-child(5):hover~.dashboard__status-filters:before{--hover-index: 4}.dashboard__stat:nth-child(6):hover~.dashboard__status-filters:before{--hover-index: 5}@media (max-width: 1300px){.dashboard__content--charts-expanded{grid-template-columns:70px 160px calc(100% - 500px)}.dashboard__content--vehicles-expanded{grid-template-columns:70px 300px calc(100% - 500px)}.dashboard__content--charts-expanded.dashboard__content--vehicles-expanded{grid-template-columns:70px 300px calc(100% - 650px)}}@media (max-width: 1100px){.dashboard__content{grid-template-columns:60px 140px 1fr}.dashboard__stat{width:60px}.dashboard__vehicles-column{width:140px}.dashboard__vehicles-column.expanded{width:260px}.dashboard__content--charts-expanded{grid-template-columns:60px 140px calc(100% - 450px)}.dashboard__content--vehicles-expanded{grid-template-columns:60px 260px calc(100% - 450px)}.dashboard__content--charts-expanded.dashboard__content--vehicles-expanded{grid-template-columns:60px 260px calc(100% - 600px)}.dashboard__chart-expanded{padding:8px}.dashboard__map-container{margin-right:90px}}@media (max-width: 900px){.dashboard__content{grid-template-columns:60px 130px 1fr}.dashboard__stat{width:60px}.dashboard__vehicles-column{width:130px}.dashboard__vehicles-column.expanded{width:240px}.dashboard__content--charts-expanded{grid-template-columns:60px 130px calc(100% - 400px)}.dashboard__content--vehicles-expanded{grid-template-columns:60px 240px calc(100% - 400px)}.dashboard__content--charts-expanded.dashboard__content--vehicles-expanded{grid-template-columns:60px 240px calc(100% - 550px)}.dashboard__charts-sidebar.expanded{width:260px}.dashboard__map-container{margin-right:80px}}@media (max-width: 768px){.dashboard__content,.dashboard__content--charts-expanded,.dashboard__content--vehicles-expanded,.dashboard__content--charts-expanded.dashboard__content--vehicles-expanded{grid-template-columns:1fr;grid-template-areas:"filters" "vehicles" "map";height:auto}.dashboard__filters-column,.dashboard__status-filters{flex-direction:row;flex-wrap:wrap;justify-content:center}.dashboard__map-container{height:500px;margin-right:0}.dashboard__map-element{height:calc(100% - 40px)}.dashboard__charts-sidebar{position:fixed;top:auto;bottom:16px;right:16px;height:auto;width:70px}.dashboard__charts-sidebar.expanded{height:400px;width:280px}.dashboard__chart-thumbnails{flex-direction:row;justify-content:center}.dashboard__vehicles-column{margin-top:0;width:100%}.dashboard__vehicles-column.expanded{width:100%}}@media (max-width: 480px){.dashboard__toolbar{flex-direction:column;padding:8px;gap:8px}.dashboard__content{padding:8px;gap:8px}.dashboard__stat{width:55px}.dashboard__stat-value{font-size:16px}.dashboard__stat-label{font-size:9px}.dashboard__map-controls{top:5px;left:5px}.dashboard__flag-toggle{font-size:11px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;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{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;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{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.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;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.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{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{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-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height: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{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.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);width:36px;height: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{width:44px;height: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{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;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{height:0;border-top:1px solid #ddd;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{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.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{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.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{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.photo-card{position:relative;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-canvas, #f8f9fa);border:1px solid var(--color-border, #d0d7de);overflow:hidden;transition:box-shadow .2s ease}.photo-card:hover{box-shadow:0 2px 6px #0000001f}.photo-card--square{border-radius:6px}.photo-card__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .25s ease}.photo-card:hover .photo-card__img{transform:scale(1.04)}.photo-card--fallback{filter:grayscale(1) blur(1px)}.photo-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.photo-card:hover .photo-card__overlay,.photo-card:focus-within .photo-card__overlay{opacity:1}.photo-card__icon{font-size:2rem;color:#fff;pointer-events:none}[data-theme=dark] .photo-card{background:var(--color-canvas-darker, #1c2128);border-color:var(--color-border-dark, #30363d)}.fleet-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:var(--color-canvas-darker);border-radius:var(--border-radius) var(--border-radius) 0 0;height:40px}[data-theme=dark] .fleet-toolbar{background-color:var(--hauler-dark)}.fleet-toolbar-left{display:flex;align-items:center;gap:8px}.fleet-count{font-size:14px;color:var(--color-text-secondary);margin-right:8px}.fleet-toolbar-center{flex:1;max-width:400px;margin:0 16px}.fleet-search{width:100%;padding:6px 10px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-size:14px}.fleet-search::placeholder{color:var(--input-placeholder)}.fleet-toolbar-right{display:flex;align-items:center;gap:8px}.fleet-toolbar-button{background:none;border:none;color:var(--color-text);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.fleet-toolbar-button:hover{background-color:#0000001a}.fleet-toolbar-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .fleet-toolbar-button:hover{background-color:#ffffff1a}.fleet-toolbar-button svg{width:18px;height:18px}.fleet-toolbar-wrapper{position:relative}.modules-dropdown{position:absolute;top:100%;right:0;min-width:200px;margin-top:4px;background-color:var(--color-canvas);border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-medium);z-index:50;padding:8px}[data-theme=dark] .modules-dropdown{background-color:var(--hauler-dark);border-color:#ffffff1a}.module-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--border-radius);font-size:14px;transition:background-color .2s}.module-row:hover{background-color:#0000000d}[data-theme=dark] .module-row:hover{background-color:#ffffff0d}.drag-handle{cursor:grab;color:var(--color-text-secondary)}.hint{display:block;margin-top:8px;padding-top:4px;border-top:1px solid rgba(0,0,0,.1);color:var(--color-text-secondary);font-size:12px;font-style:italic}[data-theme=dark] .hint{border-color:#ffffff1a}@media (max-width: 768px){.fleet-toolbar{flex-direction:column;height:auto;gap:8px;padding:8px}.fleet-toolbar-center{max-width:100%;margin:8px 0}.fleet-toolbar-left,.fleet-toolbar-right{width:100%;justify-content:space-between}}.fleet-side-filter{width:300px;border-right:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;background-color:var(--color-canvas-darker);overflow:hidden}[data-theme=dark] .fleet-side-filter{border-color:#ffffff1a}.fleet-side-filter__search{padding:12px;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .fleet-side-filter__search{border-color:#ffffff1a}.fleet-side-filter__search-input{width:100%;padding:8px 12px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-size:14px}.fleet-side-filter__search-input::placeholder{color:var(--input-placeholder)}.fleet-side-filter__controls{display:flex;padding:0 12px 12px;gap:8px}.fleet-side-filter__select{flex:1;padding:6px 8px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-size:14px}.fleet-side-filter__list{flex:1;overflow-y:auto;list-style:none;margin:0;padding:0;background-color:var(--color-canvas-darker)}.fleet-side-filter__empty{padding:20px;text-align:center;color:var(--color-text-secondary)}.fleet-side-filter__item{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background-color .2s}.fleet-side-filter__item:hover{background-color:var(--color-canvas)}.fleet-side-filter__item--active{background-color:var(--color-canvas);border-left:4px solid var(--hauler-primary);padding-left:8px}[data-theme=dark] .fleet-side-filter__item{border-color:#ffffff14}[data-theme=dark] .fleet-side-filter__item:hover,[data-theme=dark] .fleet-side-filter__item--active{background-color:var(--color-canvas)}.fleet-side-filter__img{width:60px;height:45px;object-fit:cover;border-radius:4px;margin-right:8px}.fleet-side-filter__info{display:flex;flex-direction:column;flex:1}.fleet-side-filter__name{font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:4px}.fleet-connectors{display:flex;gap:0;margin-bottom:20px;overflow-x:auto;padding:10px 0;position:relative}.fleet-connectors:before{content:"";position:absolute;top:50%;left:0;right:0;height:5px;background:#0000001a;transform:translateY(-50%);z-index:1}[data-theme=dark] .fleet-connectors:before{background:#ffffff1a}.fleet-connectors--empty{min-height:50px;display:flex;align-items:center;justify-content:center;font-style:italic;color:var(--color-text-secondary)}.connector{background:var(--color-canvas-darker);border-radius:8px;padding:16px;min-height:150px;min-width:250px;box-shadow:var(--shadow-light);position:relative;transition:transform .2s,box-shadow .2s;margin:0 5px;flex-shrink:0;z-index:2}.connector:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.connector--dragging{opacity:.7;box-shadow:var(--shadow-medium)}.connector__coupler{position:absolute;top:50%;width:10px;height:5px;background:var(--hauler-primary);z-index:3;transform:translateY(-50%)}.connector__coupler--left{left:-5px;border-radius:3px 0 0 3px}.connector__coupler--right{right:-5px;border-radius:0 3px 3px 0}.connector__content{height:100%;display:flex;flex-direction:column}.connector__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .connector__header{border-color:#ffffff1a}.connector__title{font-size:16px;font-weight:500;margin:0;color:var(--hauler-primary)}[data-theme=dark] .connector__title{color:var(--hauler-primary-hover)}.connector--driver .photo-card,.connector--vehicle .photo-card{margin:0 auto 12px}.connector--status .connector__stat-row{margin-bottom:6px}.connector--map iframe{width:100%;height:180px;border:0}@media (max-width: 1200px){.fleet-connectors{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.fleet-connectors:before,.connector__coupler{display:none}.connector{margin:0}}.photo-card:hover .photo-card__overlay{opacity:1}.photo-card--circle{border-radius:50%}.photo-card--square{border-radius:4px}.photo-card--fallback{opacity:.7}.connector--driver .connector__coupler{background:var(--success)}.connector--status .connector__coupler{background:var(--info)}.connector--map .connector__coupler{background:var(--warning)}.connector--dragging .connector__coupler{background:var(--danger)}.connector__coupler:after{content:\"\";position:absolute;top:1px;right:1px;bottom:1px;left:1px;background:var(--color-canvas);border-radius:inherit}.fleet__toolbar{width:100%;height:50px;display:flex;align-items:center;padding:0 16px;background:var(--color-canvas-darker);border-bottom:1px solid var(--input-border)}.fleet__content{display:flex;flex:1;overflow:hidden;height:calc(100% - 50px)}.fleet__content--expanded .fleet__sidebar{width:400px}.fleet__content--expanded .fleet__details-scroll{padding:24px}.fleet__sidebar{width:300px;overflow-y:auto;background:var(--color-canvas);border-right:1px solid var(--input-border)}.fleet__details{flex:1;display:flex;flex-direction:column;overflow:hidden}.fleet__connectors-wrapper{display:flex;gap:16px;padding:12px}.fleet__details-scroll{flex:1;overflow-y:auto;padding:12px;background:var(--color-canvas)}.bottom-sections{display:flex;gap:16px;padding:12px;background:var(--color-canvas);border-top:1px solid var(--input-border)}.bottom-sections__section{flex:1;border:1px solid var(--input-border);border-radius:var(--border-radius);background:var(--input-bg);padding:16px;overflow:auto}.bottom-sections__section--trips{border-color:var(--success)}.bottom-sections__section--services{border-color:var(--warning)}.hidden{display:none}.vehicle-services,.vehicle-trips{display:flex;flex-direction:column;gap:12px}.vehicle-services__title,.vehicle-trips__title{margin:0 0 8px;font-size:16px;font-weight:500;color:var(--hauler-primary)}.vehicle-services__empty,.vehicle-trips__empty{padding:20px;text-align:center;color:var(--color-text-secondary);font-style:italic}.hauler-card{background:linear-gradient(to bottom,var(--color-canvas-darker) 0%,var(--color-canvas) 100%);color:var(--color-text);height:calc(100vh - var(--height-header));overflow-y:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:box-shadow var(--transition-speed)}[data-theme=dark] .hauler-card{background:linear-gradient(to bottom,var(--color-canvas-lighter) 0%,var(--hauler-dark) 100%);box-shadow:var(--shadow-medium)}.card-header{margin-bottom:var(--spacing-lg);text-align:center}.card-header h1{font-size:var(--font-size-lg);font-weight:500;color:var(--hauler-primary);margin-bottom:var(--spacing-xs)}[data-theme=dark] .card-header h1{color:var(--hauler-primary-hover)}.card-subheader{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card-content{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.card-item{background-color:var(--hauler-medium);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.card-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}[data-theme=dark] .card-item{background-color:var(--hauler-dark)}.card-button{background-color:var(--hauler-primary);color:var(--button-text);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:background-color var(--transition-speed)}.card-button:hover{background-color:var(--hauler-primary-hover)}.status-chip{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:12px;font-size:var(--font-size-sm);background-color:var(--hauler-dark);color:var(--color-text)}[data-theme=dark] .status-chip{background-color:var(--hauler-medium)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.hc-settings-button{display:block;margin:0 var(--spacing-lg) var(--spacing-sm) auto}.settings-item{display:flex;align-items:center;gap:var(--spacing-xs)}.hc-modal{position:absolute;top:calc(var(--height-header) + var(--spacing-md));right:var(--spacing-lg);background:var(--color-canvas);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);z-index:20;max-height:60vh;width:220px;overflow-y:auto}.hc-modal-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-item{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}.hc-menu-container{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-sm) var(--spacing-lg)}.hc-menu-item{cursor:grab}.hc-menu-item:active{cursor:grabbing}.people-container{display:flex;flex-direction:column;height:100%;width:100%}.people-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:var(--color-canvas-darker);border-radius:var(--border-radius) var(--border-radius) 0 0;height:28px}[data-theme=dark] .people-toolbar{background-color:var(--hauler-dark)}.people-toolbar-left,.people-toolbar-right{display:flex;align-items:center;gap:8px}.people-count{font-size:14px;color:var(--color-text-secondary);margin-right:12px}.people-toolbar-button{background:none;border:none;color:var(--color-text);cursor:pointer;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.people-toolbar-button:hover{background-color:var(--hauler-dark)}[data-theme=dark] .people-toolbar-button:hover{background-color:var(--hauler-light)}.people-toolbar-button svg{width:18px;height:18px}.people-toolbar-separator{width:1px;height:24px;background-color:var(--color-text-secondary);opacity:.3;margin:0 8px}.people-content{display:flex;flex:1;overflow:hidden;background-color:var(--color-canvas);border-radius:0 0 var(--border-radius) var(--border-radius)}.people-sidebar{width:300px;border-right:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;background-color:var(--color-canvas-darker)}[data-theme=dark] .people-sidebar{border-color:#ffffff1a}.people-search-container{padding:12px;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .people-search-container{border-color:#ffffff1a}.people-search{width:100%;padding:8px 12px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-size:14px}.people-search::placeholder{color:var(--input-placeholder)}.filter-controls{display:flex;padding:0 12px 12px;gap:8px}.filter-select{flex:1;padding:6px 8px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-size:14px}.person-list{flex:1;overflow-y:auto;padding:0;background-color:var(--color-canvas-darker)}.person-item{display:flex;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer;align-items:center;transition:background-color .2s}.person-item:hover{background-color:var(--color-canvas)}.person-item.selected{background-color:var(--color-canvas);border-left:4px solid var(--hauler-primary);padding-left:8px}[data-theme=dark] .person-item{border-color:#ffffff14}[data-theme=dark] .person-item:hover,[data-theme=dark] .person-item.selected{background-color:var(--color-canvas)}.person-photo-container{width:50px;height:50px;margin-right:12px;position:relative;border-radius:50%;overflow:hidden;background-color:#0000000d;display:flex;align-items:center;justify-content:center}[data-theme=dark] .person-photo-container{background-color:#ffffff0d}.person-photo{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.fallback-image{opacity:.7}.person-info{display:flex;flex-direction:column;flex:1}.person-name{font-size:14px;font-weight:500;margin-bottom:4px}.person-meta{display:flex;font-size:12px;color:var(--color-text-secondary);gap:8px;align-items:center}.people-container .status-chip{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;display:inline-block}.people-container .status-chip.active{background-color:#32b43233;color:#1ea01e}.people-container .status-chip.vacation{background-color:#3278dc33;color:#2864c8}.people-container .status-chip.sick{background-color:#dc783233;color:#c86428}.people-container .status-chip.leave{background-color:#96969633;color:#787878}[data-theme=dark] .people-container .status-chip.active{background-color:#32b4324d;color:#64dc64}[data-theme=dark] .people-container .status-chip.vacation{background-color:#3278dc4d;color:#64a0f0}[data-theme=dark] .people-container .status-chip.sick{background-color:#dc78324d;color:#f0a064}[data-theme=dark] .people-container .status-chip.leave{background-color:#9696964d;color:#c8c8c8}.person-details{flex:1;display:flex;flex-direction:column;background-color:var(--color-canvas);overflow:hidden}.person-photo-large-container{text-align:center;padding:20px;position:relative;height:180px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.person-photo-wrapper{width:150px;height:150px;border-radius:50%;overflow:hidden;background-color:#0000000d;display:flex;align-items:center;justify-content:center}[data-theme=dark] .person-photo-wrapper{background-color:#ffffff0d}.person-photo-large{width:100%;height:100%;object-fit:cover;border-radius:50%}.person-details-scroll-container{flex:1;overflow-y:auto;padding:0 20px 20px}.person-details-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.details-panel{grid-column:1 / 3;background-color:var(--color-canvas-darker);border-radius:var(--border-radius);padding:16px;display:flex;flex-direction:column;gap:12px}[data-theme=dark] .details-panel{background-color:var(--hauler-dark)}.person-details-row{display:flex;align-items:center}.person-details-label{width:120px;font-size:14px;color:var(--label-text)}.person-details-value{flex:1}.person-details-input,.person-details-select,.person-details-textarea{width:100%;padding:8px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-size:14px}.person-details-textarea{min-height:80px;resize:vertical}.section-panel{background-color:var(--color-canvas-darker);border-radius:var(--border-radius);padding:16px;overflow:hidden}[data-theme=dark] .section-panel{background-color:var(--hauler-dark)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-size:16px;font-weight:500;margin:0;color:var(--hauler-primary)}[data-theme=dark] .section-title{color:var(--hauler-primary-hover)}.section-controls{display:flex;gap:8px}.section-button{background:none;border:none;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;color:var(--color-text)}.section-button:hover{background-color:#0000001a}[data-theme=dark] .section-button:hover{background-color:#ffffff1a}.trips-list,.documents-list{overflow-y:auto;max-height:200px}.table-header,.table-row{display:grid;padding:8px 4px;font-size:13px;border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=dark] .table-header,[data-theme=dark] .table-row{border-color:#ffffff0d}.table-header{font-weight:500;color:var(--color-text-secondary);border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .table-header{border-color:#ffffff1a}.trips-list .table-header,.trips-list .table-row,.documents-list .table-header,.documents-list .table-row{grid-template-columns:80px 1fr 1fr 80px}.person-form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.person-form-2col .person-details-row:nth-child(odd){grid-column:1}.person-form-2col .person-details-row:nth-child(2n){grid-column:2}.person-form-2col .person-details-row.full-width{grid-column:1 / 3}.date-warning{color:#f44336;font-size:12px;margin-top:4px}.date-expiring{color:#ff9800;font-size:12px;margin-top:4px}.date-valid{color:#4caf50;font-size:12px;margin-top:4px}@media (max-width: 1024px){.person-details-grid{grid-template-columns:1fr}.details-panel{grid-column:1}.person-form-2col{grid-template-columns:1fr}.person-form-2col .person-details-row:nth-child(odd),.person-form-2col .person-details-row:nth-child(2n),.person-form-2col .person-details-row.full-width{grid-column:1}}@media (max-width: 768px){.people-content{flex-direction:column}.people-sidebar{width:100%;height:300px;border-right:none;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .people-sidebar{border-color:#ffffff1a}.person-details-grid{gap:16px}}@media (max-width: 480px){.people-toolbar{flex-direction:column;height:auto;gap:8px;padding:8px}.people-toolbar-left,.people-toolbar-right{width:100%;justify-content:space-between}.person-details-label{width:90px;font-size:13px}}.logbook-container{display:flex;flex-direction:column;height:100%;width:100%}.logbook-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:var(--color-canvas-darker);border-radius:var(--border-radius) var(--border-radius) 0 0;height:28px}[data-theme=dark] .logbook-toolbar{background-color:var(--hauler-dark)}.logbook-toolbar-left,.logbook-toolbar-right{display:flex;align-items:center;gap:8px}.logbook-count{font-size:14px;color:var(--color-text-secondary);margin-right:12px}.logbook-toolbar-button{background:none;border:none;color:var(--color-text);cursor:pointer;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 12px}.logbook-toolbar-button:hover{background-color:var(--hauler-dark)}.logbook-toolbar-button.primary{background-color:var(--hauler-primary);color:#fff;font-weight:500;display:flex;gap:8px}.logbook-toolbar-button.primary:hover{background-color:var(--hauler-primary-hover)}.logbook-toolbar-button svg{width:18px;height:18px}.logbook-content{display:flex;flex:1;overflow:hidden;background-color:var(--color-canvas);border-radius:0 0 var(--border-radius) var(--border-radius)}.logbook-sidebar{width:340px;border-right:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;background-color:var(--color-canvas-darker)}[data-theme=dark] .logbook-sidebar{border-color:#ffffff1a}.logbook-search-container{padding:12px;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .logbook-search-container{border-color:#ffffff1a}.logbook-search{width:100%;padding:8px 12px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-size:14px}.logbook-search::placeholder{color:var(--input-placeholder)}.logbook-quick-filters{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:8px;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .logbook-quick-filters{border-color:#ffffff1a}.filter-select{padding:6px 8px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-size:13px}.logbook-entries-list{flex:1;overflow-y:auto;background-color:var(--color-canvas-darker)}.logbook-entry-item{display:flex;padding:12px;border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background-color .2s}.logbook-entry-item:hover{background-color:var(--color-canvas)}.logbook-entry-item.selected{background-color:var(--color-canvas);border-left:4px solid var(--hauler-primary);padding-left:8px}[data-theme=dark] .logbook-entry-item{border-color:#ffffff14}[data-theme=dark] .logbook-entry-item:hover,[data-theme=dark] .logbook-entry-item.selected{background-color:var(--color-canvas)}.entry-date{font-weight:500;font-size:14px;min-width:80px;display:flex;align-items:center}.entry-info{flex:1;margin:0 12px}.entry-driver{font-weight:500;font-size:14px;margin-bottom:4px}.entry-vehicle{font-size:13px;color:var(--color-text-secondary);margin-bottom:4px}.entry-stops{font-size:12px;line-height:1.4;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.entry-status{display:flex;align-items:center;font-size:12px;padding:3px 8px;border-radius:12px;height:fit-content;background-color:#96969633;color:#787878;white-space:nowrap}.status-chip.active{background-color:#3278dc33;color:#2864c8}.status-chip.completed{background-color:#32b43233;color:#1ea01e}.status-chip.planned{background-color:#dc783233;color:#c86428}.status-chip.pending{background-color:#96969633;color:#787878}[data-theme=dark] .status-chip.active{background-color:#3278dc4d;color:#64a0f0}[data-theme=dark] .status-chip.completed{background-color:#32b4324d;color:#64dc64}[data-theme=dark] .status-chip.planned{background-color:#dc78324d;color:#f0a064}[data-theme=dark] .status-chip.pending{background-color:#9696964d;color:#c8c8c8}.logbook-details{flex:1;overflow-y:auto;padding:20px;background-color:var(--color-canvas)}.no-selection-message{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);font-style:italic}.entry-details-content{display:flex;flex-direction:column;gap:20px}.entry-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.entry-details-title{display:flex;align-items:center;gap:12px}.entry-details-title h2{margin:0;font-size:20px;font-weight:500}.entry-status-large{padding:4px 12px;border-radius:16px;font-size:14px}.entry-details-actions{display:flex;gap:8px}.entry-action-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--border-radius);border:none;cursor:pointer;font-size:14px;font-weight:500;background-color:var(--color-canvas-darker);color:var(--color-text)}.entry-action-button:hover{background-color:var(--hauler-dark)}.entry-action-button svg{width:16px;height:16px}.entry-action-button.add-stop{background-color:var(--hauler-primary);color:#fff}.entry-action-button.add-stop:hover{background-color:var(--hauler-primary-hover)}.entry-action-button.complete-trip{background-color:var(--color-success);color:#fff}.entry-action-button.complete-trip:hover{background-color:var(--color-success-dark)}.entry-details-grid{display:grid;grid-template-columns:1fr 2fr;gap:20px}.details-panel,.stops-panel{padding:16px;border-radius:var(--border-radius);background-color:var(--color-canvas-darker)}[data-theme=dark] .details-panel,[data-theme=dark] .stops-panel{background-color:var(--hauler-dark)}.details-panel h3,.stops-panel h3{margin-top:0;margin-bottom:16px;font-size:16px;font-weight:500;color:var(--hauler-primary)}[data-theme=dark] .details-panel h3,[data-theme=dark] .stops-panel h3{color:var(--hauler-primary-hover)}.details-row{display:flex;margin-bottom:12px}.details-label{width:100px;font-size:14px;color:var(--color-text-secondary)}.details-value{flex:1;font-size:14px}.stops-timeline{display:flex;flex-direction:column}.timeline-stop{display:flex;margin-bottom:24px;position:relative}.timeline-stop:not(:last-child):after{content:"";position:absolute;top:26px;left:10px;width:2px;height:calc(100% + 4px);background-color:var(--color-border)}.timeline-marker{width:20px;height:20px;border-radius:50%;margin-right:16px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.timeline-marker.pickup{background-color:#3278dc33;border:2px solid rgb(40,100,200)}.timeline-marker.delivery{background-color:#32b43233;border:2px solid rgb(30,160,30)}.timeline-marker.rest{background-color:#96969633;border:2px solid rgb(120,120,120)}.timeline-content{flex:1;padding:12px;border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-canvas)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stop-location{font-weight:500;font-size:15px}.stop-status{font-size:12px;padding:2px 8px;border-radius:12px}.timeline-type{font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.timeline-time{font-size:13px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px}.time-label{color:var(--color-text-secondary);margin-right:6px}.timeline-notes{font-size:13px;color:var(--color-text-secondary);margin-top:8px;font-style:italic}.timeline-actions{margin-top:12px;display:flex;justify-content:flex-end}.timeline-action-button{background-color:var(--color-canvas-darker);border:none;padding:6px 12px;border-radius:var(--border-radius);font-size:13px;cursor:pointer}.timeline-action-button:hover{background-color:var(--hauler-dark)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--color-canvas);border-radius:var(--border-radius);width:500px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:18px;font-weight:500}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary)}.modal-body{padding:16px}.form-footer{margin-top:24px;display:flex;justify-content:flex-end;gap:12px}.button.primary{background-color:var(--hauler-primary);color:#fff}.button.primary:hover{background-color:var(--hauler-primary-hover)}.button.secondary{background-color:var(--color-canvas-darker);color:var(--color-text)}.button.secondary:hover{background-color:var(--hauler-dark)}.loading-message,.empty-message,.error-message{padding:20px;text-align:center;color:var(--color-text-secondary)}.error-message{color:#d32f2f}@media (max-width: 1024px){.entry-details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.logbook-content{flex-direction:column}.logbook-sidebar{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .logbook-sidebar{border-color:#ffffff1a}}@media (max-width: 480px){.logbook-toolbar{flex-direction:column;height:auto;gap:8px;padding:8px}.logbook-toolbar-left,.logbook-toolbar-right{width:100%;justify-content:space-between}.logbook-quick-filters{grid-template-columns:1fr}}.exchange-container{display:flex;flex-direction:column;height:100%;width:100%}.exchange-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:var(--color-canvas-darker);border-radius:var(--border-radius) var(--border-radius) 0 0;height:40px}[data-theme=dark] .exchange-toolbar{background-color:var(--hauler-dark)}.exchange-toolbar-left{display:flex;align-items:center;gap:8px}.exchange-toolbar-right{display:flex;align-items:center}.exchange-count{font-size:14px;color:var(--color-text-secondary);margin-right:12px}.exchange-toolbar-button{background:none;border:none;color:var(--color-text);cursor:pointer;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.exchange-toolbar-button:hover{background-color:var(--hauler-dark)}[data-theme=dark] .exchange-toolbar-button:hover{background-color:var(--hauler-light)}.exchange-toolbar-button svg{width:18px;height:18px}.toolbar-separator{width:1px;height:24px;background-color:var(--color-text-secondary);opacity:.3;margin:0 8px}.exchange-search{display:flex;align-items:center;position:relative}.exchange-search input{padding:6px 12px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-size:14px;width:250px}.exchange-search input::placeholder{color:var(--input-placeholder)}.status-filter{display:flex;gap:12px}.status-filter-label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 8px;border-radius:12px;transition:background-color .2s}.status-filter-label.active{background-color:rgba(var(--hauler-primary-rgb),.1)}[data-theme=dark] .status-filter-label.active{background-color:rgba(var(--hauler-primary-rgb),.2)}.status-filter-label input{margin:0}.exchange-content{display:flex;flex:1;overflow:hidden;background-color:var(--color-canvas);border-radius:0 0 var(--border-radius) var(--border-radius)}.exchange-sidebar{width:340px;border-right:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;background-color:var(--color-canvas-darker)}[data-theme=dark] .exchange-sidebar{border-color:#ffffff1a;background-color:var(--hauler-dark)}.exchange-filters{display:flex;gap:8px;padding:12px;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .exchange-filters{border-color:#ffffff1a}.filter-select{padding:6px 8px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-size:13px;flex:1}.exchange-offer-list{flex:1;overflow-y:auto;position:relative}.new-offers-indicator{position:sticky;top:0;background-color:rgba(var(--hauler-primary-rgb),.1);padding:8px 12px;font-size:13px;text-align:center;color:var(--hauler-primary);z-index:2;border-bottom:1px solid rgba(var(--hauler-primary-rgb),.2)}[data-theme=dark] .new-offers-indicator{background-color:rgba(var(--hauler-primary-rgb),.2);color:var(--hauler-primary-hover)}.exchange-offer-item{padding:12px;border-bottom:1px solid rgba(0,0,0,.08);cursor:pointer;transition:background-color .2s;position:relative}.exchange-offer-item:hover{background-color:var(--color-canvas)}.exchange-offer-item.selected{background-color:var(--color-canvas);border-left:4px solid var(--hauler-primary);padding-left:8px}.exchange-offer-item.new{border-left:3px solid #4caf50}.exchange-offer-item.viewed{border-left:3px solid #2196f3}.exchange-offer-item.accepted{border-left:3px solid #9c27b0}.exchange-offer-item.rejected{border-left:3px solid #f44336}.exchange-offer-item.expired{border-left:3px solid #9e9e9e;opacity:.7}[data-theme=dark] .exchange-offer-item{border-color:#ffffff14}[data-theme=dark] .exchange-offer-item:hover,[data-theme=dark] .exchange-offer-item.selected{background-color:var(--color-canvas)}.offer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.offer-route{display:flex;align-items:center;gap:4px;font-weight:500}.country-flag{width:16px;height:12px;border-radius:2px;object-fit:cover}.country-flag-large{width:32px;height:24px;border-radius:2px;object-fit:cover}.arrow{margin:0 2px;color:var(--color-text-secondary)}.offer-status{font-size:12px;padding:2px 8px;border-radius:12px;background-color:#96969633;color:#787878;font-weight:500}.offer-status.status-new{background-color:#4caf5033;color:#4caf50}.offer-status.status-viewed{background-color:#2196f333;color:#2196f3}.offer-status.status-accepted{background-color:#9c27b033;color:#9c27b0}.offer-status.status-rejected{background-color:#f4433633;color:#f44336}.offer-status.status-expired{background-color:#9e9e9e33;color:#9e9e9e}[data-theme=dark] .offer-status.status-new{background-color:#4caf504d;color:#81c784}[data-theme=dark] .offer-status.status-viewed{background-color:#2196f34d;color:#64b5f6}[data-theme=dark] .offer-status.status-accepted{background-color:#9c27b04d;color:#ba68c8}[data-theme=dark] .offer-status.status-rejected{background-color:#f443364d;color:#ef9a9a}[data-theme=dark] .offer-status.status-expired{background-color:#9e9e9e4d;color:#e0e0e0}.offer-dates{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.offer-dates .pickup,.offer-dates .delivery{display:flex;flex-direction:column}.offer-dates .date{font-weight:500}.offer-dates .time{color:var(--color-text-secondary);font-size:12px}.offer-cargo{display:flex;gap:8px;align-items:center;margin-bottom:8px;font-size:13px;flex-wrap:wrap}.cargo-type{font-weight:500}.cargo-weight,.cargo-pallets{color:var(--color-text-secondary);background-color:#0000000d;padding:2px 6px;border-radius:4px}[data-theme=dark] .cargo-weight,[data-theme=dark] .cargo-pallets{background-color:#ffffff1a}.offer-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px}.company-name{color:var(--hauler-primary);font-weight:500}.time-ago{color:var(--color-text-secondary)}.exchange-details{flex:1;overflow-y:auto;padding:20px;background-color:var(--color-canvas)}.no-selection-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);text-align:center}.offer-details-content{display:flex;flex-direction:column;gap:20px}.offer-details-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.offer-details-route{display:flex;align-items:center;gap:20px}.pickup-location,.delivery-location{display:flex;align-items:flex-start;gap:12px}.location-details{display:flex;flex-direction:column}.location-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.location-city{font-size:18px;font-weight:500;margin-bottom:2px}.location-country,.location-postal{font-size:14px;color:var(--color-text-secondary)}.offer-status-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.offer-status-large{font-size:14px;padding:4px 12px;border-radius:16px;background-color:#96969633;color:#787878;font-weight:500}.offer-status-large.status-new{background-color:#4caf5033;color:#4caf50}.offer-status-large.status-viewed{background-color:#2196f333;color:#2196f3}.offer-status-large.status-accepted{background-color:#9c27b033;color:#9c27b0}.offer-status-large.status-rejected{background-color:#f4433633;color:#f44336}.offer-status-large.status-expired{background-color:#9e9e9e33;color:#9e9e9e}[data-theme=dark] .offer-status-large.status-new{background-color:#4caf504d;color:#81c784}[data-theme=dark] .offer-status-large.status-viewed{background-color:#2196f34d;color:#64b5f6}[data-theme=dark] .offer-status-large.status-accepted{background-color:#9c27b04d;color:#ba68c8}[data-theme=dark] .offer-status-large.status-rejected{background-color:#f443364d;color:#ef9a9a}[data-theme=dark] .offer-status-large.status-expired{background-color:#9e9e9e4d;color:#e0e0e0}.offer-actions{display:flex;gap:10px}.offer-action-button{padding:8px 16px;border-radius:var(--border-radius);border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s}.offer-action-button.accept{background-color:#4caf50;color:#fff}.offer-action-button.accept:hover{background-color:#43a047}.offer-action-button.reject{background-color:#f5f5f5;color:#f44336;border:1px solid #f44336}.offer-action-button.reject:hover{background-color:#f443361a}[data-theme=dark] .offer-action-button.reject{background-color:#ffffff1a;color:#ef9a9a;border:1px solid #ef9a9a}[data-theme=dark] .offer-action-button.reject:hover{background-color:#f4433633}.offer-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.details-section{background-color:var(--color-canvas-darker);border-radius:var(--border-radius);padding:16px;margin-bottom:20px}[data-theme=dark] .details-section{background-color:var(--hauler-dark)}.details-section h3{margin-top:0;margin-bottom:16px;font-size:16px;font-weight:500;color:var(--hauler-primary)}[data-theme=dark] .details-section h3{color:var(--hauler-primary-hover)}.detail-row{display:flex;margin-bottom:12px}.detail-label{width:140px;font-size:14px;color:var(--color-text-secondary)}.detail-value{flex:1;font-size:14px}.vehicle-types{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.vehicle-type-tag{background-color:rgba(var(--hauler-primary-rgb),.1);color:var(--hauler-primary);padding:6px 12px;border-radius:16px;font-size:13px;font-weight:500}[data-theme=dark] .vehicle-type-tag{background-color:rgba(var(--hauler-primary-rgb),.2);color:var(--hauler-primary-hover)}.requirements-list ul{margin-top:8px;padding-left:24px}.requirements-list li{margin-bottom:6px;font-size:14px}.contact-info-locked{background-color:#0000000d;padding:16px;border-radius:var(--border-radius);text-align:center;margin-top:12px}[data-theme=dark] .contact-info-locked{background-color:#ffffff0d}.contact-info-locked p{margin-top:0;margin-bottom:12px;font-size:14px;color:var(--color-text-secondary)}.show-contact-button{background-color:var(--hauler-primary);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.show-contact-button:hover{background-color:var(--hauler-primary-hover)}.price-section{display:flex;flex-direction:column;align-items:center;justify-content:center}.price-value{font-size:32px;font-weight:700;color:var(--hauler-primary);margin-top:12px}[data-theme=dark] .price-value{color:var(--hauler-primary-hover)}.loading-message,.empty-message{padding:20px;text-align:center;color:var(--color-text-secondary)}@keyframes new-offer-highlight{0%{background-color:#4caf5033}to{background-color:transparent}}.exchange-offer-item.new:not(.selected){animation:new-offer-highlight 2s ease-out}@media (max-width: 1024px){.offer-details-grid{grid-template-columns:1fr}.offer-details-header{flex-direction:column;gap:16px}.offer-status-actions{align-items:flex-start;width:100%}.offer-actions{width:100%}.offer-action-button{flex:1}}@media (max-width: 768px){.exchange-content{flex-direction:column}.exchange-sidebar{width:100%;height:40vh;border-right:none;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .exchange-sidebar{border-color:#ffffff1a}.offer-details-route{flex-direction:column;align-items:flex-start;gap:12px}.route-arrow{transform:rotate(90deg);margin-left:32px}}@media (max-width: 480px){.exchange-toolbar{flex-direction:column;height:auto;gap:8px;padding:8px}.exchange-toolbar-left,.exchange-toolbar-right,.exchange-search input{width:100%}.status-filter{justify-content:space-between;width:100%}}.analytics-container{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto;padding-bottom:20px}.analytics-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--color-canvas-darker);border-radius:var(--border-radius) var(--border-radius) 0 0;position:sticky;top:0;z-index:10}[data-theme=dark] .analytics-toolbar{background-color:var(--hauler-dark)}.analytics-toolbar-left{display:flex;flex-direction:column;align-items:flex-start}.analytics-title{font-size:20px;font-weight:600;margin:0;color:var(--hauler-primary)}[data-theme=dark] .analytics-title{color:var(--hauler-primary-hover)}.analytics-date{font-size:13px;color:var(--color-text-secondary)}.analytics-toolbar-right{display:flex;align-items:center;gap:16px}.time-range-selector{display:flex;background-color:var(--color-canvas);border-radius:4px;overflow:hidden}[data-theme=dark] .time-range-selector{background-color:var(--hauler-medium)}.time-range-button{padding:6px 12px;border:none;background:none;font-size:13px;cursor:pointer;transition:background-color .2s,color .2s;color:var(--color-text-secondary)}.time-range-button:hover{background-color:#0000000d}.time-range-button.active{background-color:var(--hauler-primary);color:#fff;font-weight:500}[data-theme=dark] .time-range-button:hover{background-color:#ffffff1a}.analytics-toolbar-button{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--hauler-primary);border-radius:4px;background:none;color:var(--hauler-primary);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.analytics-toolbar-button:hover{background-color:var(--hauler-primary);color:#fff}[data-theme=dark] .analytics-toolbar-button{border-color:var(--hauler-primary-hover);color:var(--hauler-primary-hover)}[data-theme=dark] .analytics-toolbar-button:hover{background-color:var(--hauler-primary-hover);color:var(--hauler-dark)}.analytics-loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--hauler-primary);animation:spin 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.analytics-loading-spinner p{color:var(--color-text-secondary);font-size:14px}.analytics-content{padding:16px;display:flex;flex-direction:column;gap:20px}.metrics-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{background-color:var(--color-canvas-darker);border-radius:var(--border-radius);padding:16px;display:flex;flex-direction:column}[data-theme=dark] .metric-card{background-color:var(--hauler-dark)}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.metric-title{margin:0;font-size:14px;font-weight:500;color:var(--color-text-secondary)}.metric-change{display:flex;align-items:center;gap:4px;font-size:13px}.trend-icon{font-size:16px;font-weight:700}.trend-icon.positive{color:#4caf50}.trend-icon.negative{color:#f44336}.trend-icon.stable{color:#9e9e9e}.change-value{font-weight:500}.change-value.positive{color:#4caf50}.change-value.negative{color:#f44336}.metric-value-container{display:flex;flex-direction:column;gap:8px}.metric-value{font-size:26px;font-weight:700;color:var(--hauler-primary)}[data-theme=dark] .metric-value{color:var(--hauler-primary-hover)}.metric-goal{display:flex;flex-direction:column;gap:4px}.goal-progress-bar{width:100%;height:6px;background-color:#0000000d;border-radius:3px;overflow:hidden}[data-theme=dark] .goal-progress-bar{background-color:#ffffff1a}.goal-progress-fill{height:100%;background-color:var(--hauler-primary);border-radius:3px}[data-theme=dark] .goal-progress-fill{background-color:var(--hauler-primary-hover)}.goal-text{font-size:12px;color:var(--color-text-secondary);text-align:right}.main-charts-container{display:grid;grid-template-columns:2fr 1fr;gap:16px}.secondary-charts-container,.bottom-charts-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.chart-card{background-color:var(--color-canvas-darker);border-radius:var(--border-radius);padding:16px;display:flex;flex-direction:column;overflow:hidden}[data-theme=dark] .chart-card{background-color:var(--hauler-dark)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-title{margin:0;font-size:16px;font-weight:500;color:var(--hauler-primary)}[data-theme=dark] .chart-title{color:var(--hauler-primary-hover)}.chart-controls{display:flex;align-items:center;gap:8px}.metric-selector{padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-canvas);color:var(--color-text);font-size:13px}.chart-content{flex:1;display:flex;flex-direction:column;justify-content:center}.additional-stats-container{display:grid;grid-template-columns:1fr 2fr;gap:16px}.stats-card{background-color:var(--color-canvas-darker);border-radius:var(--border-radius);padding:16px;display:flex;flex-direction:column}[data-theme=dark] .stats-card{background-color:var(--hauler-dark)}.stats-header{margin-bottom:16px}.stats-title{margin:0;font-size:16px;font-weight:500;color:var(--hauler-primary)}[data-theme=dark] .stats-title{color:var(--hauler-primary-hover)}.stats-table{width:100%;border-collapse:collapse}.stats-table th{text-align:left;padding:8px;color:var(--color-text-secondary);font-weight:500;font-size:13px;border-bottom:1px solid var(--color-border)}.stats-table td{padding:8px;font-size:13px;border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=dark] .stats-table td{border-bottom-color:#ffffff0d}.stats-table tr:last-child td{border-bottom:none}.utilization-bar{width:100%;height:18px;background-color:#0000000d;border-radius:4px;overflow:hidden;position:relative}[data-theme=dark] .utilization-bar{background-color:#ffffff1a}.utilization-fill{height:100%;background-color:var(--hauler-primary);border-radius:4px}[data-theme=dark] .utilization-fill{background-color:var(--hauler-primary-hover)}.utilization-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:500;color:var(--color-text);text-shadow:0 0 2px rgba(255,255,255,.5)}.vehicle-status{display:inline-block;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.status-active{background-color:#4caf501a;color:#4caf50}.status-service{background-color:#ff98001a;color:#ff9800}.status-inactive{background-color:#f443361a;color:#f44336}[data-theme=dark] .status-active{background-color:#4caf5033;color:#81c784}[data-theme=dark] .status-service{background-color:#ff980033;color:#ffb74d}[data-theme=dark] .status-inactive{background-color:#f4433633;color:#e57373}.custom-tooltip{background-color:var(--color-canvas);border:1px solid var(--color-border);border-radius:4px;padding:8px;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .custom-tooltip{background-color:var(--hauler-dark);border-color:var(--hauler-light);box-shadow:0 2px 8px #0000004d}.tooltip-label{margin:0 0 8px;font-weight:500;font-size:13px}@media (max-width: 1280px){.metrics-container{grid-template-columns:repeat(2,1fr)}.main-charts-container{grid-template-columns:1fr}.secondary-charts-container,.bottom-charts-container{grid-template-columns:repeat(2,1fr)}.additional-stats-container{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.analytics-toolbar-right{width:100%;justify-content:space-between}.time-range-selector{flex-wrap:wrap;justify-content:center}.time-range-button{flex:1}.metrics-container,.secondary-charts-container,.bottom-charts-container{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#0000004d}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:#ffffff4d}.webcards-container{padding:20px;background:var(--hauler-light);border-radius:8px;box-shadow:0 2px 8px #0000001a}.webcards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;opacity:0}.webcards-header.animate-in{animation:fadeIn .5s ease forwards}.webcards-header h2{font-size:24px;color:var(--color-text);margin:0}.webcards-actions{display:flex;gap:10px}.webcards-action-button{padding:8px 16px;background:var(--hauler-mid);color:var(--tab-text);border:none;border-radius:4px;cursor:pointer;transition:background .3s}.webcards-action-button:hover{background:var(--hauler-lighter)}.webcards-action-button.secondary{background:var(--tab-active-bg);color:var(--tab-active-text)}.webcards-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;opacity:0}.webcards-loading.animate-in{animation:fadeIn .5s ease forwards}.premium-section{background:var(--hauler-mid);color:var(--tab-text);padding:16px;border-radius:8px;margin-bottom:20px;text-align:center;opacity:0}.premium-section.animate-in{animation:fadeIn .5s ease forwards}.premium-section h3{font-size:18px;margin:0 0 8px}.premium-section p{margin:0;font-size:14px}.webcards-filters{display:flex;gap:20px;margin-bottom:20px;opacity:0}.webcards-filters.animate-in{animation:fadeIn .5s ease forwards}.webcards-list{display:grid;gap:20px}.webcard-item{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 4px #0000001a;transition:transform .3s;opacity:0;transform:translateY(20px)}.webcard-item.animate-in{animation:slideIn .5s ease forwards}.webcard-item:hover{transform:translateY(-4px)}.webcard-info{margin-bottom:16px}.webcard-name{font-size:16px;font-weight:700;color:var(--color-text)}.webcard-domain{font-size:14px;color:var(--hauler-mid)}.webcard-stats{display:flex;gap:12px;font-size:12px;margin-top:8px}.status-badge{padding:4px 8px;border-radius:12px;color:#fff}.status-badge.status-aktívna{background:var(--chart-green)}.status-badge.status-neaktívna{background:var(--chart-red)}.status-badge.status-čaká-na-schválenie{background:var(--chart-orange)}.webcard-actions{display:flex;gap:8px}.webcard-actions button{padding:6px 12px;background:var(--hauler-mid);color:var(--tab-text);border:none;border-radius:4px;cursor:pointer}.webcard-actions button:hover{background:var(--hauler-lighter)}.webcard-actions button.secondary{background:var(--tab-active-bg);color:var(--tab-active-text)}.webcard-modules{border-top:1px solid var(--hauler-light);padding-top:16px}.module-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.module-tab{padding:8px 16px;background:var(--hauler-light);color:var(--color-text);border:none;border-radius:4px;cursor:pointer;transition:background .3s}.module-tab.active{background:var(--hauler-mid);color:var(--tab-text)}.module-tab:hover{background:var(--hauler-lighter)}.module-content{min-height:100px}.module-card{padding:16px;border-radius:8px;color:#fff;opacity:0}.module-card.animate-in{animation:fadeIn .3s ease forwards}.module-card h3{margin:0 0 8px;font-size:16px}.module-card p{margin:0;font-size:14px}.webcard-editor-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0}.webcard-editor-modal.animate-in{animation:fadeIn .5s ease forwards}.webcard-editor-modal.animate-out{animation:fadeOut .5s ease forwards}.editor-content{background:#fff;padding:20px;border-radius:8px;width:600px;max-width:90%}.editor-content h3{margin:0 0 16px}.editor-content form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;color:var(--color-text)}.form-group input{padding:8px;border:1px solid var(--hauler-mid);border-radius:4px}.domain-input{display:flex;align-items:center;gap:8px}.domain-input input{flex:1}.domain-input span{font-size:14px;color:var(--hauler-mid)}.error-message{color:var(--chart-red);font-size:12px;margin-top:4px}.modules-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.module-checkbox{display:flex;align-items:center;gap:8px}.module-checkbox input{margin:0}.module-checkbox label{font-size:14px}.editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.editor-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.editor-actions button:first-child{background:var(--tab-active-bg);color:var(--tab-active-text)}.editor-actions button:last-child{background:var(--hauler-mid);color:var(--tab-text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.billing-container{padding:20px;background:var(--hauler-light);border-radius:8px;box-shadow:0 2px 8px #0000001a}.billing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.billing-header h2{font-size:24px;color:var(--color-text);margin:0}.billing-actions{display:flex;gap:10px}.billing-action-button{padding:8px 16px;background:var(--hauler-mid);color:var(--tab-text);border:none;border-radius:4px;cursor:pointer;transition:background .3s}.billing-action-button:hover{background:var(--hauler-lighter)}.billing-action-button.secondary{background:var(--tab-active-bg);color:var(--tab-active-text)}.billing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.spinner{border:4px solid var(--hauler-light);border-top:4px solid var(--hauler-mid);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.billing-summary-card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 4px #0000001a;text-align:center}.billing-summary-card.overdue{border-left:4px solid var(--chart-red)}.summary-title{font-size:14px;color:var(--color-text);margin-bottom:8px}.summary-value{font-size:20px;font-weight:700;color:var(--hauler-mid)}.billing-charts{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.chart-card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 4px #0000001a}.chart-title{font-size:16px;color:var(--color-text);margin-bottom:12px}.custom-tooltip{background:var(--hauler-dark);color:var(--tab-text);padding:8px;border-radius:4px;box-shadow:0 2px 4px #0003}.tooltip-label{font-weight:700;margin-bottom:4px}.billing-filters{display:flex;gap:20px;margin-bottom:20px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:14px;color:var(--color-text)}.filter-group select,.filter-group input{padding:8px;border:1px solid var(--hauler-mid);border-radius:4px;background:#fff;color:var(--color-text)}.billing-table{overflow-x:auto}.billing-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a}.billing-table th,.billing-table td{padding:12px;text-align:left;border-bottom:1px solid var(--hauler-light)}.billing-table th{background:var(--hauler-mid);color:var(--tab-text);cursor:pointer;-webkit-user-select:none;user-select:none}.billing-table th.sorted .sort-icon{margin-left:4px}.billing-table tr.overdue{background:#f443361a}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px}.status-badge.status-zaplatená{background:var(--chart-green);color:#fff}.status-badge.status-čaká-na-úhradu{background:var(--chart-orange);color:#fff}.status-badge.status-po-splatnosti{background:var(--chart-red);color:#fff}.billing-action{padding:6px 12px;background:var(--hauler-mid);color:var(--tab-text);border:none;border-radius:4px;cursor:pointer;margin-right:8px}.billing-action.secondary{background:var(--tab-active-bg);color:var(--tab-active-text)}.billing-action:hover{background:var(--hauler-lighter)}.hauler-page{--hauler-light: hsl(var(--hauler-h), 50%, 95%);--hauler-dark: hsl(var(--hauler-h), 30%, 60%);background:linear-gradient(to bottom,var(--hauler-light) 0%,var(--hauler-dark) 100%);padding:0;--tab-bg: var(--hauler-mid);--tab-text: var(--color-text);--tab-hover: var(--hauler-lighter);--tab-active-bg: var(--color-canvas-darker);--tab-active-text: var(--color-text);--chart-red: hsl(0, 70%, 50%);--chart-green: hsl(120, 60%, 50%);--chart-orange: hsl(30, 70%, 50%);--chart-blue: hsl(210, 70%, 50%)}[data-theme=dark] .hauler-page{background:linear-gradient(to bottom,var(--hauler-light) 0%,var(--hauler-dark) 100%);--tab-bg: var(--hauler-mid);--tab-text: var(--color-text);--tab-hover: var(--hauler-darker);--tab-active-bg: var(--color-canvas-darker);--tab-active-text: var(--color-text);--chart-red: hsl(0, 80%, 40%);--chart-green: hsl(120, 70%, 40%);--chart-orange: hsl(30, 80%, 40%);--chart-blue: hsl(210, 80%, 40%)}.tabs-content{padding:0;margin:0 40px;background-color:var(--color-canvas);border:1px solid var(--hauler-primary);border-radius:6px;box-shadow:0 -4px 10px #0000001a}[data-theme=dark] .tabs-content{background-color:var(--color-canvas-darker);border:1px solid var(--hauler-primary-hover);box-shadow:0 -4px 10px #0000004d}.hauler-tabs__title{color:var(--color-text-lighter);font-size:2rem;font-weight:700;text-align:center;padding:10px;text-shadow:0 1px 3px rgba(95,95,95,.3)}[data-theme=dark] .hauler-tabs__title{color:var(--color-text-darker);text-shadow:0 2px 2px rgba(122,122,122,.5)}.hauler-tabs__menu{display:flex;gap:8px;padding:0 50px;justify-content:space-between}.hauler-tabs__menu-item{flex:1;min-width:80px;padding:10px 0 8px;border-left:1px solid var(--hauler-primary);border-top:1px solid var(--hauler-primary);border-right:1px solid var(--hauler-primary);border-bottom:0;border-radius:6px 6px 0 0;background-color:var(--tab-bg);color:var(--tab-text);text-align:center;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;box-shadow:0 -2px 4px #0000001a}[data-theme=dark] .hauler-tabs__menu-item{border-left:1px solid var(--hauler-primary-hover);border-top:1px solid var(--hauler-primary-hover);border-right:1px solid var(--hauler-primary-hover);border-bottom:0;box-shadow:0 -2px 6px #0000004d}.hauler-tabs__menu-item--active{background-color:var(--tab-active-bg);color:var(--tab-active-text);transform:translateY(1px) scale(1.01);border-left:1px solid var(--hauler-primary);border-top:1px solid var(--hauler-primary);border-right:1px solid var(--hauler-primary);border-bottom:0;box-shadow:0 -2px 6px #0000001f;z-index:1;cursor:default}[data-theme=dark] .hauler-tabs__menu-item--active{border-left:1px solid var(--hauler-primary-hover);border-top:1px solid var(--hauler-primary-hover);border-right:1px solid var(--hauler-primary-hover);border-bottom:0;box-shadow:0 -2px 8px #0006}.hauler-tabs__menu-item:not(.hauler-tabs__menu-item--active):hover{transform:translateY(-2px) scale(1.02);background-color:var(--tab-hover)}.hauler-tabs__menu-icon{font-size:1.2rem;transition:transform .3s ease}.hauler-tabs__menu-item:not(.hauler-tabs__menu-item--active):hover .hauler-tabs__menu-icon{transform:scale(1.1)}.hauler-tabs__menu-title{font-size:.9rem;font-weight:600}.hauler-tabs__menu-underline{position:absolute;bottom:6px;width:70%;height:2px;background:linear-gradient(to right,transparent,var(--hauler-primary),transparent);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.hauler-tabs__menu-underline--active{transform:scaleX(1)}[data-theme=dark] .hauler-tabs__menu-underline{background:linear-gradient(to right,transparent,var(--hauler-primary-hover),transparent)}.hauler-tabs__menu-item:not(.hauler-tabs__menu-item--active):hover .hauler-tabs__menu-underline{transform:scaleX(1)}.hauler-tabs__content{padding:20px 40px;background:var(--color-canvas);min-height:300px}[data-theme=dark] .hauler-tabs__content{background:var(--color-canvas-darker);box-shadow:0 2px 10px #0000004d}.hauler-tabs__placeholder{text-align:center;font-size:1rem;color:var(--tab-active-text);padding:50px 0}@media (max-width: 768px){.hauler-tabs__menu{padding:0 8px;gap:4px}.hauler-tabs__menu-item{min-width:70px}.hauler-tabs__menu-title{font-size:.8rem}}.pin-form-container{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#000000b3;z-index:50}.pin-form{position:relative;background-color:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 4px 20px #0000001a;transition:all .3s ease-in-out;color:#000}.pin-form-title{font-size:1.5rem;font-weight:700;text-align:center;margin-top:1.5rem;margin-bottom:1.5rem;color:#000}.pin-inputs{display:flex;gap:.5rem;margin-bottom:1.5rem;cursor:pointer}.pin-input{width:3rem;height:3rem;border:2px solid #ccc;border-radius:.25rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:border-color .3s;color:#000}.pin-input-active{border-color:#00f}.pin-input-error{border-color:red}.hidden-input{position:absolute;opacity:0;pointer-events:none}.error-message{color:red;text-align:center;margin-top:.5rem}.pin-form-footer{margin-top:1.5rem;display:flex;justify-content:center}.pin-form-home-link{color:#00f;text-decoration:underline;transition:color .3s}.pin-form-home-link:hover{color:#00008b}.pin-form-close-btn{position:absolute;top:.75rem;right:.75rem;width:2.5rem;height:2.5rem;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;z-index:10}.pin-form-close-btn:hover{background-color:#0000000d;color:#333}.security-notice{margin-top:1rem;font-size:.8rem;color:#666;text-align:center}:root{--bg-light: #f5f5f5;--bg-dark: #1a202c;--text-light: #333;--text-dark: #fff}.hauler-page{min-height:100vh;background-color:var(--bg-light);color:var(--text-light);display:flex;flex-direction:column}.hauler-page.dark{background-color:var(--bg-dark);color:var(--text-dark)}.container{max-width:1200px;margin:0 auto;padding:16px}.banner{background-color:#e2e8f0;padding:20px;text-align:center;font-size:24px;font-weight:700}.banner.dark{background-color:#2d3748;color:var(--text-dark)}.under-construction{text-align:center;margin:20px 0;font-size:18px;color:#718096}.under-construction.dark{color:var(--text-dark)}.banner-s-container{background-color:#4a5568;color:#fff;position:relative;margin-top:16px;padding:20px 0;text-align:center}.banner-s-container.banner-s-dark{background-color:#2d3748}.banner-s-title{font-size:2rem;font-weight:700;text-align:center}.banner-s-menu-container{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-top:16px}@media (min-width: 768px){.banner-s-menu-container{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.banner-s-menu-container{grid-template-columns:repeat(5,1fr)}}.banner-s-menu-item{padding:16px;border-radius:8px 8px 0 0;text-align:center;cursor:pointer;transition:transform .3s,background-color .3s;background-color:#a0aec0;color:#fff}.banner-s-menu-item:hover{transform:scale(1.05);background-color:#718096}.banner-s-menu-item.banner-s-active{background-color:#edf2f7;color:#2d3748}.banner-s-menu-item.banner-s-dark{background-color:#2d3748;color:#fff}.banner-s-menu-icon{font-size:1.5rem;margin-bottom:8px}.banner-s-menu-title{font-size:1rem;font-weight:600}.banner-s-menu-underline{width:0;height:2px;background-color:#4a5568;margin:0 auto;transition:width .3s}.banner-s-menu-item:hover .banner-s-menu-underline,.banner-s-menu-item.banner-s-active .banner-s-menu-underline{width:100%;background-color:#2d3748}.video-page{min-height:100vh;background-color:#1a202c;padding:3rem 1rem}.video-page__container{max-width:1024px;margin:0 auto}.video-page__video-container{position:relative;padding-top:56.25%;background-color:#000;border-radius:.5rem;overflow:hidden}.video-page__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-page__button-container{margin-top:1rem;display:flex;justify-content:center;gap:1rem}.video-page__button{padding:.5rem 1rem;border:none;border-radius:.25rem;color:#fff;cursor:pointer;transition:background-color .2s ease}.video-page__button--play{background-color:#16a34a}.video-page__button--play:hover{background-color:#15803d}.video-page__button--pause{background-color:#f97316}.video-page__button--pause:hover{background-color:#ea580c}.video-page__button--stop{background-color:#dc2626}.video-page__button--stop:hover{background-color:#b91c1c}.video-page__overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#00000080}.documentation-page{padding:2rem;font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f9f9f9}.documentation-content{background:#fff;padding:2rem;margin:2rem auto;max-width:800px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.documentation-page h1,.documentation-page h2,.documentation-page h3,.documentation-page h4,.documentation-page h5,.documentation-page h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:700;color:#222}.documentation-page h1{font-size:2.5rem;border-bottom:2px solid #ddd;padding-bottom:.5rem}.documentation-page h2{font-size:2rem;color:#444}.documentation-page h3{font-size:1.75rem;color:#555}.documentation-page p{margin-bottom:1rem}.documentation-page ul{margin-left:2rem;margin-bottom:1rem}.documentation-page li{margin-bottom:.5rem}.documentation-page code{background-color:#eee;padding:.2em .4em;border-radius:4px;font-family:Consolas,Courier New,monospace}.documentation-page pre{background-color:#eee;padding:1rem;overflow-x:auto;border-radius:4px;font-size:.9rem}.documentation-pin-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.result-table{width:100%;max-width:1000px;margin:20px auto;position:relative;overflow:visible;min-width:300px}.result-table-dropdown-container{position:relative;z-index:3000;pointer-events:none}.result-table-dropdown-container .dropfilter__content{pointer-events:auto}.result-table__filter-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.result-table__reset-button{padding:5px 10px;font-size:14px;cursor:pointer}.result-table__reset-button:disabled{opacity:.5;cursor:not-allowed}.result-table__scroll-container{max-height:400px;min-height:150px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;position:relative}.result-table__table{width:100%;table-layout:fixed;border-collapse:collapse;min-width:210px}.result-table__table col{width:14%;min-width:30px}.result-table__header{position:sticky;top:0;z-index:10;min-height:50px!important;height:40px}.result-table__header-row{border-bottom:1px solid #aaa}.result-table__header-cell{border:1px solid #ddd;background-color:#c9c9c9;vertical-align:middle;padding:2px;white-space:nowrap;position:relative;cursor:pointer}.result-table__header-cell--filtered{background-color:#d0e0ff}.result-table__header-cell--open{background-color:#e0e0e0;z-index:11}.result-table__body-cell{padding:2px;border:1px solid #ddd;text-align:center;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-table__body-row:nth-child(odd){background-color:#fafafa}.result-table__body-row:nth-child(2n){background-color:#f0f0f0}.result-table__body-row--placeholder{background-color:#f8f8f8;color:#757575;font-style:italic}.result-table__body-row--placeholder .result-table__body-cell{border-color:#e5e5e5;animation:placeholderPulse 2s infinite}.result-table__body-row:only-child td{height:100px}.result-table__footer{position:sticky;bottom:0;z-index:10;min-height:30px!important;height:30px}.result-table__footer-cell{border:1px solid #ddd;background-color:#c9c9c9;vertical-align:middle;padding:2px;white-space:nowrap;font-size:13px}.result-table__footer-content{display:flex;justify-content:space-between;align-items:center}.result-table__stats{display:flex;width:100%}.result-table__stat-item.total-deliveries{margin-left:auto;text-align:right}.result-table__resizer{position:absolute;right:0;top:0;height:100%;width:5px;background:#0000001a;cursor:col-resize;-webkit-user-select:none;user-select:none;z-index:12}.result-table__resizer:hover,.result-table__resizer--active{background:#0d47a1}.result-table__header-cell{-webkit-user-select:none;user-select:none}.header-cell__first-row{display:flex;justify-content:center;align-items:center}.header-cell__second-row{display:flex;justify-content:center}.column-label{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.filter-value{font-size:10px;color:#666}.drop-icon-wrapper{position:relative;display:inline-block;margin-left:auto}.dropfilter__content{background:#fff;box-shadow:0 2px 10px #0003;z-index:3000!important;transform-origin:top left;width:max-content;min-width:120px;border:1px solid #ddd;border-radius:4px;max-height:300px;overflow-y:auto;position:absolute}.dropfilter__item{padding:8px 12px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;font-weight:400;font-size:13px}.dropfilter__item:hover{background-color:#f0f0f0}.dropfilter__item--grey{color:gray}.dropfilter__item-with-icon{display:flex;align-items:center;width:100%}.dropfilter__item-icon{width:20px;height:20px;margin-right:8px;flex-shrink:0}.sort-icon{cursor:pointer;opacity:.7;transition:opacity .2s}.sort-icon:hover{opacity:1}.drop-icon{cursor:pointer;opacity:.7;transition:opacity .2s}.drop-icon:hover{opacity:1}@keyframes placeholderPulse{0%{opacity:.7}50%{opacity:.9}to{opacity:.7}}.about-page-container{display:flex;justify-content:center;padding:2rem 1rem;background:linear-gradient(to bottom,var(--color-canvas-darker) 0%,var(--color-canvas) 100%);min-height:calc(100vh - var(--height-header));overflow-y:auto}.about-content{max-width:900px;width:100%;background-color:var(--color-canvas);border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--shadow-light)}.about-title{color:var(--hauler-primary);font-size:2.2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}[data-theme=dark] .about-title{color:var(--hauler-primary-hover)}.about-intro{font-size:1.1rem;line-height:1.6;text-align:center;margin-bottom:2.5rem;color:var(--color-text)}.about-sections{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem}.about-section{background-color:var(--color-canvas-darker);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow-light);transition:transform .3s ease}.about-section:hover{transform:translateY(-5px)}[data-theme=dark] .about-section{background-color:var(--hauler-dark)}.about-section h2{color:var(--hauler-primary);font-size:1.4rem;margin-bottom:1rem;font-weight:600}[data-theme=dark] .about-section h2{color:var(--hauler-primary-hover)}.about-section p{line-height:1.5;margin-bottom:1.5rem}.about-features{display:flex;flex-direction:column;gap:.8rem}.feature{display:flex;align-items:center;gap:1rem}.feature-icon{font-size:1.5rem;flex-shrink:0}.feature-text{font-size:.95rem;font-weight:500}.about-stats{display:flex;justify-content:space-between;margin:3rem 0;padding:1.5rem;background-color:var(--color-canvas-darker);border-radius:var(--border-radius);box-shadow:var(--shadow-light);text-align:center}[data-theme=dark] .about-stats{background-color:var(--hauler-dark)}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:1.8rem;font-weight:700;color:var(--hauler-primary);margin-bottom:.3rem}[data-theme=dark] .stat-number{color:var(--hauler-primary-hover)}.stat-label{font-size:.9rem;color:var(--color-text-secondary)}.about-outro{text-align:center;margin-bottom:2.5rem;line-height:1.6}.about-tagline{margin-top:1.5rem;font-size:1.2rem}.about-cta{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.cta-button{padding:.8rem 1.8rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;background-color:var(--hauler-primary);color:#fff;cursor:pointer;transition:all .2s ease}.cta-button:hover{background-color:var(--hauler-primary-hover);transform:translateY(-2px)}.cta-button.demo{background-color:transparent;border:2px solid var(--hauler-primary);color:var(--hauler-primary)}.cta-button.demo:hover{background-color:var(--hauler-primary);color:#fff}[data-theme=dark] .cta-button.demo{border-color:var(--hauler-primary-hover);color:var(--hauler-primary-hover)}[data-theme=dark] .cta-button.demo:hover{background-color:var(--hauler-primary-hover);color:var(--hauler-dark)}@media (max-width: 768px){.about-sections{grid-template-columns:1fr}.about-stats{flex-wrap:wrap;gap:1.5rem}.stat{width:45%}.about-cta{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}}@media (max-width: 480px){.about-content{padding:1.5rem}.about-title{font-size:1.8rem}.stat{width:100%}}.contact-page{width:100%;padding:40px 20px;display:flex;justify-content:center}.contact-container{display:flex;max-width:1200px;width:100%;background-color:var(--color-canvas);border-radius:var(--border-radius);box-shadow:var(--shadow-light);overflow:hidden}.contact-info{flex:1;padding:40px;background:linear-gradient(135deg,var(--color-canvas-darker) 0%,var(--color-canvas) 100%)}.contact-info h1{font-size:28px;margin-bottom:20px;color:var(--color-text)}.contact-info p{color:var(--color-text-secondary);margin-bottom:30px;line-height:1.6}.contact-details{margin-top:40px}.contact-detail{display:flex;margin-bottom:25px;align-items:center}.contact-icon{width:50px;height:50px;background-color:var(--color-canvas-darker);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:20px}.contact-detail h3{font-size:16px;margin:0 0 5px;color:var(--color-text)}.contact-detail p{margin:0;color:var(--color-text-secondary)}.contact-form-container{flex:1.2;padding:40px;background-color:var(--color-canvas)}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-text)}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-bg);color:var(--input-text);font-family:inherit;font-size:16px;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.form-group .input-error{border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:14px;margin-top:5px}.submit-button{padding:14px 24px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s;margin-top:10px;align-self:flex-start}.submit-button:hover{background-color:var(--primary-color-dark)}.submit-button:disabled{background-color:var(--disabled-color);cursor:not-allowed}.form-status{padding:15px;border-radius:var(--border-radius);margin-bottom:20px;font-size:14px}.form-status.success{background-color:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.form-status.error{background-color:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}@media (max-width: 960px){.contact-container{flex-direction:column}.contact-info,.contact-form-container{padding:30px}}@media (max-width: 480px){.contact-page{padding:20px 10px}.contact-info,.contact-form-container{padding:20px}.contact-info h1{font-size:24px}.submit-button{width:100%}}.footer-test{display:flex;flex-wrap:wrap;height:100vh;width:100%}.footer-test__left{display:flex;flex-direction:column;flex:1 1 250px;border-right:1px solid #e5e7eb;padding:20px}.footer-test__right{flex:2 1 250px;overflow-y:auto;padding:20px}.heading{font-size:1.25rem;font-weight:700;margin-bottom:4px}.heading-sub{font-size:1.25rem;font-weight:700;margin-bottom:8px}.tab-buttons{display:flex;gap:4px;margin-bottom:2px}.tab-button{padding:4px 8px;border-radius:4px;background-color:#e5e7eb;border:none;cursor:pointer}.tab-button.warnings.active{background-color:#f59e0b;color:#fff}.tab-button.errors.active{background-color:#ef4444;color:#fff}.tab-button.system.active{background-color:#3b82f6;color:#fff}.tab-button.app.active{background-color:#10b981;color:#fff}.logs-container{max-height:calc(100vh - 250px);overflow-y:auto;margin-bottom:16px}.log-message{margin-bottom:8px;padding:8px;border-radius:4px;word-wrap:break-word}.log-message.warning{color:#d97706;background-color:#fffbeb;max-width:280px}.log-message.error{color:#dc2626;background-color:#fef2f2}.log-message.system{color:#2563eb;background-color:#eff6ff}.log-message.app{color:#16a34a;background-color:#f0fdf4}.timing-container{margin-bottom:16px}.url-testing{border:2px solid #000;padding:10px;display:flex;flex-direction:column;gap:8px}.url-testing a{display:block;margin-bottom:8px}div.theme-switcher{position:fixed;bottom:0;left:20%;transform:translate(-50%);z-index:1000}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}img.country-select__flag[src$=".svg"],img.dropdown__item-flag[src$=".svg"]{max-width:24px;height:auto}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.5}h1,.h1{font-size:2.25rem;font-weight:500}h2,.h2{font-size:2rem;font-weight:600}h3,.h3{font-size:1.375rem;font-weight:400}h4,.h4{font-size:1rem;font-weight:400}h5,.h5{font-size:.875rem;font-weight:400}.text-sm{font-size:.875rem}.text-md{font-size:1rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-center{text-align:center}