:root{--primary: #6366f1;--primary-hover: #5b57e0;--primary-light: rgba(99, 102, 241, .14);--primary-glow: rgba(99, 102, 241, .4);--grad: linear-gradient(135deg, #3b82f6 0%, #6366f1 45%, #8b5cf6 100%);--bg: #0a0f1e;--bg2: #141b30;--bg3: #1b2540;--bg4: #22304d;--bg5: #2b3a5c;--text: #f8fafc;--text2: #c2ccdf;--text3: #8b97ad;--text4: #34405c;--border: rgba(255, 255, 255, .08);--border2: rgba(255, 255, 255, .14);--success: #22c55e;--success-light: rgba(34, 197, 94, .12);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .12);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .12);--row-hl: rgba(250, 204, 21, .13);--radius: 7px;--radius-lg: 11px;--radius-xl: 16px;--on-primary: #fff;--info: #38bdf8;--info-light: rgba(56, 189, 248, .12);--font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace}body.fleet-panel{--primary: #22d3ee;--primary-hover: #06b6d4;--primary-light: rgba(34, 211, 238, .12);--primary-glow: rgba(34, 211, 238, .3);--on-primary: #03141a;--grad: linear-gradient(135deg, #0369a1 0%, #0891b2 100%);--bg: #05090d;--bg2: #0a131a;--bg3: #0f1b24;--bg4: #15242f;--bg5: #1c2e3b;--text: #e4eff4;--text2: #a7bac4;--text3: #7a919f;--text4: #3a5060;--border: rgba(125, 211, 252, .09);--border2: rgba(125, 211, 252, .17);--success: #34d399;--success-light: rgba(52, 211, 153, .12);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .12);--warning: #fbbf24;--warning-light: rgba(251, 191, 36, .12);--info: #38bdf8;--info-light: rgba(56, 189, 248, .12)}body.fleet-panel:not(.dark){--bg: #f0f2f8;--bg2: #ffffff;--bg3: #f5f6fb;--bg4: #e8eaf2;--bg5: #dde0ee;--text: #0d0e12;--text2: #3a3f54;--text3: #64748b;--text4: #a8b0c4;--border: rgba(0, 0, 0, .07);--border2: rgba(0, 0, 0, .12);--primary: #0e7490;--primary-hover: #155e75;--primary-light: rgba(14, 116, 144, .08);--primary-glow: rgba(14, 116, 144, .18);--on-primary: #fff;--grad: linear-gradient(135deg, #0e7490 0%, #0891b2 100%);--success: #22c55e;--success-light: rgba(34, 197, 94, .12);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .12)}body:not(.dark){--bg: #f0f2f8;--bg2: #ffffff;--bg3: #f5f6fb;--bg4: #e8eaf2;--bg5: #dde0ee;--text: #0d0e12;--text2: #3a3f54;--text3: #64748b;--text4: #a8b0c4;--border: rgba(0, 0, 0, .07);--border2: rgba(0, 0, 0, .12);--primary-light: rgba(99, 102, 241, .08);--primary-glow: rgba(99, 102, 241, .16);--row-hl: #fef9c3}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Manrope,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}body.dark{background:radial-gradient(900px 500px at -5% -10%,rgba(99,102,241,.16),transparent 60%),radial-gradient(800px 520px at 106% -2%,rgba(59,130,246,.1),transparent 55%),var(--bg);background-attachment:fixed}body.fleet-panel.dark{background:radial-gradient(900px 500px at -5% -10%,rgba(34,211,238,.07),transparent 60%),radial-gradient(800px 520px at 106% -2%,rgba(20,184,166,.05),transparent 55%),var(--bg);background-attachment:fixed}button,input,select,textarea{font-family:inherit}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}body:not(.dark) *{scrollbar-color:rgba(0,0,0,.22) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:6px}body:not(.dark) ::-webkit-scrollbar-thumb{background:#00000038}::-webkit-scrollbar-thumb:hover{background:#ffffff3d}body:not(.dark) ::-webkit-scrollbar-thumb:hover{background:#00000057}::-webkit-scrollbar-track{background:transparent}.fleet-row-hl>td{background:var(--row-bg, transparent)}@media (hover: hover){.fleet-row-hl:hover{--row-bg: var(--row-hl)}.fleet-hl:hover{background:var(--row-hl)}}.fleet-wrap{flex:1;min-width:0;overflow:auto;padding:32px;animation:tf-fade-in .2s}.fleet-wrap.is-embed{overflow:visible}@media (max-width: 760px){.fleet-wrap{padding:14px}}.fleet-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 560px){.fleet-form-grid{grid-template-columns:1fr}}@media (min-width: 769px){body.fleet-panel.dark{--radius: 6px;--radius-lg: 12px;--radius-xl: 14px;--card-bg: linear-gradient(180deg, rgba(15, 27, 36, .94), rgba(10, 19, 26, .94));--card-border: rgba(125, 211, 252, .12);--card-shadow: inset 0 1px 0 rgba(125, 211, 252, .08), 0 10px 30px rgba(0, 0, 0, .35);--card-radius: 12px;--btn2-bg: rgba(15, 27, 36, .85);--btn2-weight: 600;--btn2-hover-border: rgba(34, 211, 238, .45);--btnp-border: rgba(103, 232, 249, .35);--btnp-shadow: 0 0 16px var(--primary-glow);--btnd-shadow: 0 0 14px rgba(239, 68, 68, .25);--input-bg: rgba(5, 9, 13, .65);--focus-ring: 0 0 0 3px rgba(34, 211, 238, .14), 0 0 14px rgba(34, 211, 238, .18);--label-font: var(--font-mono);--label-ls: 1px;--th-bg: rgba(5, 9, 13, .55);--th-fs: 10px;--th-border: rgba(125, 211, 252, .14);--td-border: rgba(125, 211, 252, .06);--row-hover: rgba(34, 211, 238, .04);--overlay: rgba(2, 6, 9, .72);--modal-border: rgba(34, 211, 238, .24);--modal-shadow: 0 24px 64px rgba(0, 0, 0, .7), 0 0 40px rgba(34, 211, 238, .07);--modal-title-font: var(--font-mono);--modal-title-tt: uppercase;--modal-title-fs: 13px;--modal-title-ls: 1.2px;--modal-foot: rgba(5, 9, 13, .5);--sidebar-bg: rgba(7, 13, 18, .86);--nav-active-bg: var(--primary-light);--nav-active-fg: var(--text);--nav-active-shadow: inset 2px 0 0 var(--primary);--nav-active-icon: var(--primary);--topbar-bg: rgba(5, 9, 13, .88);--page-title-font: var(--font-mono);--page-title-fs: 12.5px;--page-title-tt: uppercase;--page-title-ls: 1.6px;--page-title-fg: var(--primary);--logo-sub-font: var(--font-mono);--logo-sub-fg: var(--primary);--avatar-radius: 8px;--avatar-shadow: 0 0 0 1px rgba(103, 232, 249, .4), 0 0 12px var(--primary-glow)}body.fleet-panel.dark .fl-pill{border-radius:5px!important;font-family:var(--font-mono)!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.6px!important;border:1px solid color-mix(in srgb,currentColor 35%,transparent)}body.fleet-panel.dark *{scrollbar-color:rgba(34,211,238,.18) transparent}body.fleet-panel.dark ::-webkit-scrollbar-thumb{background:#22d3ee2e}}@keyframes tf-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tf-spin{to{transform:rotate(360deg)}}
