:root{--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--container-padding:var(--spacing-sm);--grid-columns:4;--grid-gap:var(--spacing-sm);--nav-height:56px;--nav-height-mobile:56px;--bottom-nav-height:64px;--card-padding:var(--spacing-sm);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-interactive:8px;--radius-card:10px;--radius-modal:16px}@media (min-width:640px){:root{--container-padding:var(--spacing-md);--grid-columns:8;--grid-gap:var(--spacing-md);--card-padding:var(--spacing-md);--nav-height:64px}}@media (min-width:1024px){:root{--container-padding:var(--spacing-lg);--grid-columns:12;--grid-gap:var(--spacing-lg);--card-padding:var(--spacing-lg);--nav-height:72px;--bottom-nav-height:0}}@media (min-width:1280px){:root{--container-padding:var(--spacing-xl)}}.container-responsive{width:100%;padding-left:var(--container-padding);padding-right:var(--container-padding);margin-left:auto;margin-right:auto}@media (min-width:640px){.container-responsive{max-width:640px}}@media (min-width:768px){.container-responsive{max-width:768px}}@media (min-width:1024px){.container-responsive{max-width:1024px}}@media (min-width:1280px){.container-responsive{max-width:1280px}}@media (min-width:1536px){.container-responsive{max-width:1536px}}.grid-responsive{grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gap);width:100%;display:grid}.col-span-full{grid-column:1/-1}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}@media (min-width:640px){.sm\:col-span-1{grid-column:span 1}.sm\:col-span-2{grid-column:span 2}.sm\:col-span-3{grid-column:span 3}.sm\:col-span-4{grid-column:span 4}.sm\:col-span-6{grid-column:span 6}.sm\:col-span-8{grid-column:span 8}.sm\:col-span-full{grid-column:1/-1}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1}.lg\:col-span-2{grid-column:span 2}.lg\:col-span-3{grid-column:span 3}.lg\:col-span-4{grid-column:span 4}.lg\:col-span-6{grid-column:span 6}.lg\:col-span-8{grid-column:span 8}.lg\:col-span-9{grid-column:span 9}.lg\:col-span-12{grid-column:span 12}.lg\:col-span-full{grid-column:1/-1}}.btn-touch{min-height:var(--touch-target-min);min-width:var(--touch-target-min);border-radius:var(--radius-interactive);font-size:var(--text-base);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .2s;display:inline-flex}.btn-touch-large{min-height:var(--touch-target-large);font-size:var(--text-lg);padding:16px 32px}.input-touch{min-height:var(--touch-target-comfortable);font-size:var(--text-base);border-radius:var(--radius-interactive);appearance:none;width:100%;padding:12px 16px}@media (max-width:639px){.input-touch{font-size:16px!important}}.checkbox-touch,.radio-touch{cursor:pointer;width:24px;height:24px}.checkbox-label,.radio-label{min-height:var(--touch-target-min);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:8px 0;display:flex}.nav-mobile{height:var(--nav-height-mobile);z-index:1000;background:var(--fluent-bg-tertiary);border-bottom:1px solid var(--border);padding:0 var(--container-padding);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.hamburger-menu{width:var(--touch-target-min);height:var(--touch-target-min);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-interactive);flex-direction:column;justify-content:center;gap:4px;padding:10px;transition:background-color .2s;display:flex}.hamburger-line{background-color:currentColor;width:24px;height:2px;transition:transform .3s}.hamburger-menu.active .hamburger-line:first-child{transform:rotate(45deg)translateY(6px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg)translateY(-6px)}.mobile-menu-overlay{top:var(--nav-height-mobile);background:var(--fluent-bg-tertiary);z-index:999;-webkit-overflow-scrolling:touch;transition:transform .3s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translate(-100%)}.mobile-menu-overlay.active{transform:translate(0)}.bottom-nav{height:var(--bottom-nav-height);background:var(--fluent-bg-tertiary);border-top:1px solid var(--border);z-index:1000;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.nav-mobile,.hamburger-menu,.mobile-menu-overlay,.bottom-nav{display:none}}.card-responsive{padding:var(--card-padding);border-radius:var(--radius-card);background:var(--card);border:1px solid var(--border)}.card-grid{gap:var(--grid-gap);grid-template-columns:1fr;display:grid}@media (min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.modal-responsive{z-index:9999;background:#00000080;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal-content{background:var(--card);border-radius:var(--radius-modal) var(--radius-modal) 0 0;-webkit-overflow-scrolling:touch;width:100%;max-height:90vh;overflow-y:auto}@media (min-width:640px){.modal-responsive{padding:var(--spacing-lg);align-items:center}.modal-content{border-radius:var(--radius-modal);max-width:600px;max-height:80vh}}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive table{min-width:100%}@media (max-width:639px){.table-mobile{display:block}.table-mobile thead{display:none}.table-mobile tbody,.table-mobile tr,.table-mobile td{display:block}.table-mobile tr{margin-bottom:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--spacing-sm)}.table-mobile td{text-align:right;padding:var(--spacing-xs) 0;padding-left:50%;position:relative}.table-mobile td:before{content:attr(data-label);text-align:left;width:45%;font-weight:600;position:absolute;left:0}.hide-mobile{display:none!important}}@media (min-width:640px) and (max-width:1023px){.hide-tablet{display:none!important}}@media (min-width:1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media (max-width:639px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-grid{display:grid!important}}.text-responsive{font-size:var(--text-base);line-height:var(--leading-normal)}.h1-responsive{font-size:var(--text-2xl);line-height:var(--leading-tight)}.h2-responsive{font-size:var(--text-xl);line-height:var(--leading-tight)}.h3-responsive{font-size:var(--text-lg);line-height:var(--leading-normal)}@media (min-width:640px){.h1-responsive{font-size:var(--text-3xl)}.h2-responsive{font-size:var(--text-2xl)}.h3-responsive{font-size:var(--text-xl)}}@media (min-width:1024px){.h1-responsive{font-size:var(--text-4xl)}.h2-responsive{font-size:var(--text-3xl)}.h3-responsive{font-size:var(--text-2xl)}}.swipeable{touch-action:pan-y;-webkit-user-select:none;user-select:none}.pull-to-refresh{-webkit-overflow-scrolling:touch;position:relative;overflow-y:auto}.pull-to-refresh-indicator{justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s;display:flex;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.long-press{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:relative}.long-press:after{content:"";border-radius:var(--radius-interactive);opacity:0;pointer-events:none;background:currentColor;transition:opacity .3s;position:absolute;inset:-4px}.long-press.pressing:after{opacity:.1}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.will-transform{will-change:transform}.scroll-optimize{-webkit-overflow-scrolling:touch;overflow-y:auto}.contain-layout{contain:layout}.contain-paint{contain:paint}.contain-strict{contain:strict}@media print{.no-print,.nav-mobile,.bottom-nav,.hamburger-menu,.mobile-menu-overlay{display:none!important}.print-break{page-break-before:always}}.skip-to-content{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-interactive);z-index:10000;padding:8px 16px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-to-content:focus{top:8px}@media (hover:none){:focus{outline:3px solid var(--ring);outline-offset:2px}}@media (prefers-contrast:high){.card-responsive,.btn-touch,.input-touch{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.maplibregl-map{font-family:inherit}.maplibregl-ctrl-group{background:var(--steel-800,#1e293b);border-radius:8px;box-shadow:0 2px 4px #0000004d}.maplibregl-ctrl-group button{color:var(--steel-300,#cbd5e1);background-color:#0000;border:none}.maplibregl-ctrl-group button:hover{background-color:var(--steel-700,#334155)}.maplibregl-ctrl-attrib{color:var(--steel-400,#94a3b8);background:#1e293bcc;font-size:10px}.maplibregl-ctrl-attrib a{color:var(--cargom8-blue-400,#60a5fa)}.maplibregl-popup-content{background:var(--steel-800,#1e293b);color:var(--steel-100,#f1f5f9);border-radius:8px;padding:12px;box-shadow:0 4px 12px #0006}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:var(--steel-800,#1e293b)}.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:var(--steel-800,#1e293b)}.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--steel-800,#1e293b)}.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--steel-800,#1e293b)}.maplibregl-marker{cursor:pointer}.map-loading-overlay{background:var(--steel-900,#0f172a);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
.touch-target{min-width:44px;min-height:44px}.touch-target-lg{min-width:48px;min-height:48px}.driver-action-btn{min-height:44px;padding:10px 14px;font-size:.9375rem}@media (max-width:768px){.driver-action-btn{min-height:48px;padding:12px 16px;font-size:1rem}}.touch-feedback{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.touch-feedback:active{transition:transform var(--metro-tile-press,.1s ease);transform:scale(.97)}@media (prefers-reduced-motion:reduce){.touch-feedback:active{transition:none;transform:none}}.disabled-visual{opacity:.5;cursor:not-allowed;-webkit-user-select:none;user-select:none}.disabled-full{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}