@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,wght@0,400;0,600;1,400&display=swap";.fleet-shell{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-text: #14161a;--color-accent: #3b6df0;--color-accent-2: #d6006c;--color-divider: #e7e9ec;--color-neutral-100: #f8f4f4;--color-neutral-200: #eae7e7;--color-neutral-300: #d7d3d3;--color-neutral-400: #bab6b6;--color-neutral-500: #9b9797;--color-neutral-600: #7d7979;--color-neutral-700: #605d5d;--color-neutral-800: #444141;--color-neutral-900: #2d2b2b;--color-accent-100: #e9f8ff;--color-accent-200: #cbeeff;--color-accent-300: #99e0ff;--color-accent-400: #62c5ee;--color-accent-500: #38a6cf;--color-accent-600: #1c5cab;--color-accent-700: #184f95;--color-accent-800: #0d366b;--color-accent-900: #0a303e;--color-accent-2-100: #fff1f4;--color-accent-2-200: #ffdee6;--color-accent-2-300: #ffc0d0;--color-accent-2-400: #ff90b1;--color-accent-2-500: #ff458e;--color-accent-2-600: #d82071;--color-accent-2-700: #aa0b56;--color-accent-2-800: #790e3d;--color-accent-2-900: #4b1528;--color-process-yellow: #edbb00;--font-heading: "Source Serif 4", system-ui, sans-serif;--font-heading-weight: 600;--font-body: system-ui, -apple-system, "Segoe UI", sans-serif;--space-1: 5px;--space-2: 10px;--space-3: 15px;--space-4: 20px;--space-6: 30px;--space-8: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--ease: cubic-bezier(.22, .61, .36, 1);--shadow-xs: 0 1px 2px rgba(20, 24, 38, .04);--shadow-sm: 0 1px 3px rgba(20, 24, 38, .06), 0 1px 2px rgba(20, 24, 38, .04);--shadow-md: 0 8px 20px -4px rgba(20, 24, 38, .12), 0 2px 6px rgba(20, 24, 38, .06);--shadow-lg: 0 20px 40px -8px rgba(20, 24, 38, .22), 0 6px 16px rgba(20, 24, 38, .08);background:var(--color-bg);background-image:radial-gradient(circle at 0% 0%,rgba(59,109,240,.05),transparent 45%);color:var(--color-text);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}@keyframes flt-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fleet-shell .flt-page{animation:flt-fade-in .28s var(--ease)}@keyframes flt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flt-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.65}}.fleet-shell :where(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.2;letter-spacing:-.01em;margin:0 0 var(--space-2)}.fleet-shell h1{font-size:24px;letter-spacing:-.02em}.fleet-shell h2{font-size:20px}.fleet-shell h3{font-size:17px}.fleet-shell h4{font-size:14.5px;letter-spacing:-.005em}.fleet-shell .text-muted{color:color-mix(in srgb,var(--color-text) 55%,transparent)}.fleet-shell .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:13px;line-height:1.2;color:var(--color-text);background:transparent;border:1px solid transparent;padding:8px 14px;border-radius:var(--radius-sm);transition:background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease),transform .1s var(--ease)}.fleet-shell .btn:active{transform:translateY(1px)}.fleet-shell .btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.fleet-shell .btn-primary{background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 100%,white 8%),var(--color-accent));border-color:var(--color-accent);color:#fff;box-shadow:0 1px 2px #14182614,0 4px 10px -2px color-mix(in srgb,var(--color-accent) 45%,transparent)}.fleet-shell .btn-primary:hover{box-shadow:0 2px 4px #1418261a,0 8px 16px -3px color-mix(in srgb,var(--color-accent) 55%,transparent);filter:brightness(1.04)}.fleet-shell .btn-secondary{border-color:var(--color-divider);background:#fff;box-shadow:var(--shadow-xs)}.fleet-shell .btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 5%,white);border-color:color-mix(in srgb,var(--color-text) 22%,transparent)}.fleet-shell .btn-ghost{color:var(--color-accent);padding-inline:6px}.fleet-shell .btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.fleet-shell .field>label{display:block;font-size:12px;margin-bottom:5px;font-weight:500;color:color-mix(in srgb,var(--color-text) 65%,transparent)}.fleet-shell .input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:13px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-sm);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.fleet-shell .input:hover{border-color:color-mix(in srgb,var(--color-text) 30%,transparent)}.fleet-shell .input:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}.fleet-shell .seg{display:inline-flex;overflow:hidden;border:1px solid var(--color-divider);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-xs)}.fleet-shell .seg-opt{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-size:13px;cursor:pointer;background:transparent;transition:background .15s var(--ease),color .15s var(--ease)}.fleet-shell .seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.fleet-shell .seg-opt.active{background:var(--color-accent);color:#fff;font-weight:600}.fleet-shell .seg-opt:not(.active):hover{background:color-mix(in srgb,var(--color-text) 5%,transparent)}.fleet-shell .seg-opt input{position:absolute;opacity:0;width:0;height:0}.fleet-shell .card{position:relative;background:#fff;border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease),transform .2s var(--ease),border-color .2s var(--ease)}.fleet-shell .plate-link{--plate-color: var(--color-text);color:var(--plate-color);text-decoration:none}.fleet-shell .plate-link:hover{text-decoration:underline}.fleet-shell .on-dark .plate-link{--plate-color: #fff}.fleet-shell .kpi-link{text-decoration:none;color:inherit;display:block}.fleet-shell .kpi-card{overflow:hidden;cursor:pointer}.fleet-shell .kpi-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--kpi-accent, var(--color-accent));opacity:0;transition:opacity .2s var(--ease)}.fleet-shell .kpi-link:hover .kpi-card{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--kpi-accent, var(--color-accent)) 35%,var(--color-divider))}.fleet-shell .kpi-link:hover .kpi-card:before{opacity:1}.fleet-shell .kpi-icon-box{transition:transform .2s var(--ease)}.fleet-shell .kpi-link:hover .kpi-icon-box{transform:scale(1.08) rotate(-2deg)}.fleet-shell .tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 10px;border-radius:999px;white-space:nowrap}.fleet-shell .table{width:100%;border-collapse:collapse;font-size:13px}.fleet-shell .table th{text-align:left;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 50%,transparent);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--color-divider);background:color-mix(in srgb,var(--color-text) 2.5%,transparent);white-space:nowrap}.fleet-shell .table th:first-child{border-radius:var(--radius-sm) 0 0 0}.fleet-shell .table th:last-child{border-radius:0 var(--radius-sm) 0 0}.fleet-shell .table td{padding:10px 12px;border-bottom:1px solid var(--color-divider);transition:background .12s var(--ease)}.fleet-shell .table tbody tr{transition:background .12s var(--ease)}.fleet-shell .table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--color-text) 1.5%,transparent)}.fleet-shell .table tbody tr:hover{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.fleet-shell .table tbody tr:last-child td{border-bottom:none}.fleet-shell .dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0c101c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;animation:flt-fade-in .18s var(--ease)}.fleet-shell .dialog{width:min(440px,100%);display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-lg)}.fleet-shell .flt-scroll::-webkit-scrollbar{width:8px;height:8px}.fleet-shell .flt-scroll::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:6px}.fleet-shell .flt-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}.fleet-shell .flt-scroll::-webkit-scrollbar-track{background:transparent}@keyframes flt-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.fleet-shell .skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#eef0f3 25%,#f7f8fa 37%,#eef0f3 63%);background-size:400px 100%;animation:flt-shimmer 1.4s ease infinite}.fleet-shell .fleet-nav-btn{transition:background .15s var(--ease),color .15s var(--ease),padding-left .15s var(--ease)}.fleet-shell .fleet-nav-btn:hover{background:#ffffff12!important}.fleet-shell .fleet-nav-btn.active{position:relative}.fleet-shell .fleet-nav-btn.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--color-accent)}
