.haulix-app{--bg-base:#0d0d0d;--bg-elevated:#121212;--bg-card:#1a1a1a;--bg-card-glass:#1a1a1ab8;--accent-lime:#d4ff59;--accent-lime-hover:#c8f04d;--accent-orange:#ff9f0a;--accent-red:#ff453a;--accent-blue:#0a84ff;--accent-purple:#6366f1;--accent-cyan:#5ac8fa;--accent-green:#30d158;--text-primary:#fff;--text-secondary:#8e8e93;--text-muted:#636366;--border-subtle:#ffffff14;--border-medium:#ffffff1f;--shadow-card:var(--elev-2);--radius-card:16px;--radius-pill:9999px;--radius-stage:20px;--sidebar-width:64px;--bottom-nav-height:64px;--elev-1:0 1px 1px #00000080, 0 2px 6px #00000059;--elev-2:0 1px 1px #0000008c, 0 4px 12px #0006, 0 12px 32px #00000073;--elev-3:0 1px 1px #0009, 0 8px 24px #00000073, 0 24px 64px #0000008c;--edge-highlight:inset 0 1px 0 #ffffff0f;--glow-core:#d4ff5973;--glow-ambient:#d4ff5924;--glow-bloom:#d4ff5914;--glow-ring:0 0 0 1px var(--glow-core), 0 0 24px var(--glow-core);--stage-bg:radial-gradient(120% 90% at 50% 32%, #16161a 0%, #0d0d0d 55%, #060606 100%);--stage-vignette:inset 0 0 120px 24px #0009;--cap-ok:var(--accent-lime);--cap-warn:var(--accent-orange);--cap-full:var(--accent-red);--cap-over:repeating-linear-gradient(45deg, #ff453a 0 8px, #5a1a16 8px 16px);--handling-fragile:#5ac8fa;--handling-heavy:#ff9f0a;--handling-standard:#9aa0a6;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--dur-fast:.18s;--dur-base:.26s;--dur-slow:.52s;--dur-count:.9s;background:var(--bg-base);color:var(--text-primary);font-family:var(--font-inter), var(--font-manrope), system-ui, sans-serif;min-height:100vh}.haulix-app *{box-sizing:border-box}.cargo-stage{isolation:isolate;border-radius:var(--radius-stage);background:var(--stage-bg);width:100%;box-shadow:var(--elev-2);border:1px solid #0000;position:relative;overflow:hidden}.cargo-drawer{-webkit-backdrop-filter:blur(18px);border-left:1px solid var(--border-subtle);border-radius:0 var(--radius-stage) var(--radius-stage) 0;width:min(340px,88%);transition:transform var(--dur-base) var(--ease-out);z-index:4;background:#121214d1;flex-direction:column;padding:14px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(102%)}.cargo-drawer--open{transform:translate(0)}.cargo-crate-tag{white-space:nowrap;color:#e8e8ed;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(4px);pointer-events:none;font-variant-numeric:tabular-nums;background:#0d0d0db3;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex;transform:translateY(-50%)}.cargo-crate-tag--selected{color:#0d0d0d;background:var(--accent-lime);border-color:var(--accent-lime)}.cargo-crate-tag .dot{border-radius:2px;width:6px;height:6px}@media (prefers-reduced-motion:reduce){.cargo-drawer{transition-duration:.01ms}}.cargo-stage__floor{transform-origin:top;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#d4ff5912 1px,#0000 1px),linear-gradient(#d4ff5912 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:38% -40% -30%;transform:perspective(640px)rotateX(62deg);-webkit-mask-image:radial-gradient(70% 80% at 50% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(70% 80% at 50% 30%,#000 0%,#0000 75%)}.cargo-stage__bloom{background:radial-gradient(50% 50% at 50% 50%, var(--glow-bloom), transparent 70%);filter:blur(8px);pointer-events:none;z-index:0;width:60%;height:26%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.cargo-stage__vignette{box-shadow:var(--stage-vignette);pointer-events:none;z-index:2;position:absolute;inset:0}.cargo-stage__canvas{z-index:1;touch-action:none;position:absolute;inset:0}.cargo-ctrl{width:32px;height:32px;color:var(--text-secondary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#141416a8;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.cargo-ctrl:hover{color:var(--text-primary);background:#242428cc}.cargo-ctrl:active{transform:scale(.94)}.cargo-knob{width:56px;height:56px;box-shadow:0 6px 16px #00000080, inset 0 1px 0 #fffc, var(--glow-ring);cursor:grab;touch-action:none;transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:radial-gradient(60% 60% at 50% 35%,#fff 0%,#d7d7da 60%,#b9b9bd 100%);border-radius:999px;position:relative}.cargo-knob:active{cursor:grabbing;transform:scale(.97)}.cargo-knob__tick{background:#0d0d0d;border-radius:2px;width:3px;height:12px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.cargo-gauge__track{background:#ffffff12;border-radius:999px;height:8px;position:relative;overflow:hidden}.cargo-gauge__fill{height:100%;transition:width var(--dur-count) var(--ease-out), background-color var(--dur-base) var(--ease-out);border-radius:999px}.cargo-gauge__over{background:var(--cap-over);opacity:.9;border-radius:999px;animation:.8s linear infinite cargo-stripe;position:absolute;inset:0}@keyframes cargo-stripe{to{background-position:22px 0}}.cargo-crate{min-height:62px;box-shadow:inset 1px 1px 0 #ffffff14, inset -1px -1px 0 #00000080, var(--elev-1);border:1px solid var(--border-subtle);cursor:pointer;transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out), opacity var(--dur-base) var(--ease-out);background:linear-gradient(160deg,#26262b 0%,#18181b 100%);border-radius:10px;flex-direction:column;justify-content:space-between;padding:8px;display:flex;position:relative}.cargo-crate:before{content:"";background:var(--crate-accent,var(--handling-standard));border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:0}.cargo-crate:hover{box-shadow:var(--elev-2);transform:translateY(-3px)scale(1.02)}.cargo-crate[data-selected=true]{box-shadow:var(--glow-ring), var(--elev-2)}.cargo-crate[data-dimmed=true]{opacity:.5}.cargo-pulse{animation:cargo-pulse .9s var(--ease-out) 1}@keyframes cargo-pulse{0%{box-shadow:0 0 #ff453a80}70%{box-shadow:0 0 0 10px #ff453a00}to{box-shadow:0 0 #ff453a00}}.cargo-fade-in{animation:cargo-fade-in var(--dur-slow) var(--ease-out) both}@keyframes cargo-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cargo-num{font-variant-numeric:tabular-nums}.cargo-scene-label{white-space:nowrap;letter-spacing:.02em;color:#0d0d0d;background:var(--accent-lime);pointer-events:none;font-variant-numeric:tabular-nums;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700;transform:translateY(-50%);box-shadow:0 4px 12px #00000080}@media (prefers-reduced-motion:reduce){.cargo-gauge__fill,.cargo-crate,.cargo-ctrl,.cargo-knob{transition-duration:.01ms}.cargo-crate:hover{transform:none}.cargo-pulse,.cargo-fade-in,.cargo-gauge__over{animation:none}}.haulix-app{width:100%;max-width:100%;overflow-x:hidden}html:has(.haulix-app){scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}html:has(.haulix-app)::-webkit-scrollbar{width:5px;height:5px}html:has(.haulix-app)::-webkit-scrollbar-track{background:0 0}html:has(.haulix-app)::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}html:has(.haulix-app)::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.haulix-app,.haulix-overlay,.haulix-scrollbar{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.haulix-app::-webkit-scrollbar{width:5px;height:5px}.haulix-overlay::-webkit-scrollbar{width:5px;height:5px}.haulix-app ::-webkit-scrollbar{width:5px;height:5px}.haulix-overlay ::-webkit-scrollbar{width:5px;height:5px}.haulix-scrollbar::-webkit-scrollbar{width:5px;height:5px}.haulix-app::-webkit-scrollbar-track{background:0 0}.haulix-overlay::-webkit-scrollbar-track{background:0 0}.haulix-app ::-webkit-scrollbar-track{background:0 0}.haulix-overlay ::-webkit-scrollbar-track{background:0 0}.haulix-scrollbar::-webkit-scrollbar-track{background:0 0}.haulix-app::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.haulix-overlay::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.haulix-app ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.haulix-overlay ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.haulix-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.haulix-app::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.haulix-overlay::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.haulix-app ::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.haulix-overlay ::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.haulix-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.haulix-glass{background:var(--bg-card-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}.haulix-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.haulix-pill{border-radius:var(--radius-pill)}.haulix-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);background:#ffffff0d;border-radius:12px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.haulix-input:focus{border-color:var(--accent-lime)}.haulix-input::placeholder{color:var(--text-muted)}.haulix-btn-primary{background:var(--accent-lime);color:#0d0d0d;cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-weight:600;transition:background .15s,transform .1s}.haulix-btn-primary:hover:not(:disabled){background:var(--accent-lime-hover)}.haulix-btn-primary:disabled{opacity:.5;cursor:not-allowed}.haulix-btn-ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:12px;padding:8px 16px;transition:all .15s}.haulix-btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.haulix-btn-danger{color:#ff453a;cursor:pointer;background:#ff453a26;border:1px solid #ff453a4d;border-radius:12px;padding:10px 20px;font-weight:600}.haulix-btn-danger:hover:not(:disabled){background:#ff453a40}.haulix-map{isolation:isolate;width:100%;min-width:0;max-width:100%;position:relative}.haulix-map .haulix-map-container{min-height:100%;width:100%!important;height:100%!important}.haulix-map .leaflet-control-attribution,.haulix-map .leaflet-bottom.leaflet-right{display:none!important}.haulix-map-container{max-width:100%;z-index:0!important}.haulix-tooltip{color:#e8e8ed;background:#333338;width:max-content;max-width:240px}.haulix-search-backdrop{background:#0000008c}@media (min-width:768px){.haulix-search-backdrop{-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#00000059}}.haulix-map-container .leaflet-pane,.haulix-map-container .leaflet-top,.haulix-map-container .leaflet-bottom{z-index:1!important}.haulix-scroll-x{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;width:100%;min-width:0;max-width:100%;display:flex;overflow-x:auto}.haulix-scroll-strip{-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%;min-width:0;max-width:100%;overflow-x:auto}.haulix-scroll-strip::-webkit-scrollbar{display:none}.haulix-scroll-x::-webkit-scrollbar{display:none}.haulix-safe-bottom{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px))}@media (max-width:767px){.haulix-card,.haulix-glass{border-radius:12px}.haulix-input,.haulix-btn-primary,.haulix-btn-ghost,.haulix-btn-danger{min-height:44px;font-size:16px}.haulix-input[type=email],.haulix-input[type=password],.haulix-input[type=number],.haulix-input[type=tel],.haulix-search-input{font-size:16px}}