@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--ford-blue: #0068FF;--ford-blue-glow: rgba(0, 104, 255, .35);--deep-space: #050508;--surface-low: #0A0A0C;--surface-mid: #121214;--surface-high: #1C1C1E;--surface-glass: rgba(18, 18, 20, .75);--border-subtle: rgba(255, 255, 255, .04);--border-bright: rgba(255, 255, 255, .08);--border-accent: rgba(0, 104, 255, .3);--text-primary: #FFFFFF;--text-secondary: #8E8E93;--text-muted: #48484A;--font-mono: "JetBrains Mono", "Roboto Mono", monospace;--engine-ecoboost: #22D3EE;--engine-powerstroke: #34D399;--engine-coyote: #F59E0B;--engine-godzilla: #EF4444;--engine-default: var(--ford-blue)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--surface-low);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");background-blend-mode:overlay;background-attachment:fixed}body.dark,body{--bg: var(--surface-low);--bg-elevated: var(--surface-mid);--text: var(--text-primary);--card-bg: var(--surface-mid);--card-bg-solid: var(--surface-mid);--card-border: var(--border-subtle);--card-border-hover: var(--border-bright);--card-shadow: 0 4px 20px rgba(0, 0, 0, .4);--card-shadow-hover: 0 8px 30px rgba(0, 0, 0, .6);--input-bg: var(--surface-low);--input-border: var(--border-bright);--divider: rgba(255, 255, 255, .04);--hover-bg: rgba(255, 255, 255, .03);--hover-bg-strong: rgba(255, 255, 255, .06);--accent: var(--ford-blue);--accent-bright: #3D8BFF;--accent-subtle: rgba(0, 104, 255, .12);--accent-glow: 0 0 15px var(--ford-blue-glow);--accent-border: var(--border-accent);--success: #34D399;--success-glow: rgba(52, 211, 153, .15);--warning: #F59E0B;--warning-glow: rgba(245, 158, 11, .15);--danger: #EF4444;--danger-glow: rgba(239, 68, 68, .15);--glass-bg: var(--surface-glass);--glass-border: var(--border-bright);--glass-blur: blur(20px);--surface-0: var(--surface-low);--surface-1: var(--surface-mid);--surface-2: var(--surface-high);--surface-3: #262628}body.light{background-color:#f5f6f8;color:#1a1d21;background-image:none;--bg: #f5f6f8;--bg-elevated: #ffffff;--text: #1a1d21;--text-primary: #1a1d21;--text-secondary: #57606a;--text-muted: #8b949e;--text-dim: #8b949e;--text-faint: #afb8c1;--card-bg: #ffffff;--card-bg-solid: #ffffff;--card-border: rgba(0,0,0,.08);--card-border-hover: rgba(0,0,0,.12);--card-shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--card-shadow-hover: 0 4px 16px rgba(0,0,0,.1), 0 2px 6px rgba(0,0,0,.06);--input-bg: #f8f9fb;--input-border: rgba(0,0,0,.08);--divider: rgba(0,0,0,.08);--hover-bg: rgba(0,0,0,.03);--hover-bg-strong: rgba(0,0,0,.06);--accent: #0062cc;--accent-bright: #0969da;--accent-subtle: rgba(0,98,204,.06);--accent-glow: 0 0 16px rgba(0,98,204,.15);--accent-border: rgba(0,98,204,.25);--ford-blue: #0062cc;--ford-blue-glow: rgba(0,98,204,.2);--success: #1a7f37;--success-glow: rgba(26,127,55,.12);--warning: #9a6700;--warning-glow: rgba(154,103,0,.12);--danger: #cf222e;--danger-glow: rgba(207,34,46,.12);--glass-bg: rgba(255,255,255,.92);--glass-border: rgba(0,0,0,.06);--glass-blur: blur(20px);--surface-low: #f5f6f8;--surface-mid: #ffffff;--surface-high: #ffffff;--surface-glass: rgba(255,255,255,.92);--surface-0: #f5f6f8;--surface-1: #f8f9fb;--surface-2: #ffffff;--surface-3: #ffffff;--border-subtle: rgba(0,0,0,.08);--border-bright: rgba(0,0,0,.12);--border-accent: rgba(0,98,204,.25)}#loading-spinner{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--deep-space);display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:40px;height:40px;border:3px solid rgba(0,104,255,.15);border-top-color:var(--ford-blue);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 20px var(--ford-blue-glow)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px var(--ford-blue-glow)}50%{box-shadow:0 0 24px var(--ford-blue-glow)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.7}}@keyframes stagger-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.anim-fade{animation:fadeIn .35s ease-out}.anim-slide{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.anim-scale{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.anim-stagger>*{animation:stagger-in .4s cubic-bezier(.16,1,.3,1) backwards}.anim-stagger>*:nth-child(1){animation-delay:0s}.anim-stagger>*:nth-child(2){animation-delay:.06s}.anim-stagger>*:nth-child(3){animation-delay:.12s}.anim-stagger>*:nth-child(4){animation-delay:.18s}.anim-stagger>*:nth-child(5){animation-delay:.24s}.anim-stagger>*:nth-child(6){animation-delay:.3s}.anim-stagger>*:nth-child(7){animation-delay:.36s}.anim-stagger>*:nth-child(8){animation-delay:.42s}.card{background:var(--surface-mid);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;margin-bottom:10px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 20px #0006}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-bright),transparent)}.card:hover{border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 8px 30px #0009}.card:active{transform:scale(.98)}.mono-data{font-family:var(--font-mono);font-weight:600;letter-spacing:-.02em;color:var(--ford-blue);text-transform:uppercase}.label-muted{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}button{transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.97)}.btn-primary{background:var(--ford-blue);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 0 15px var(--ford-blue-glow);transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 16px var(--ford-blue-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(2px) scale(.98);box-shadow:0 0 5px var(--ford-blue-glow);filter:brightness(.85)}.btn-secondary{border-radius:8px;padding:12px 20px;font-size:14px;cursor:pointer;background:var(--surface-high);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 2px 8px #0000004d}.btn-secondary:active{transform:translateY(2px) scale(.97)}.nav-header,.tab-bar{background:var(--surface-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-color:var(--border-bright)}.tab-bar{position:fixed;bottom:12px;left:16px;right:16px;display:flex;padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:100;border-radius:20px;border:1px solid var(--border-bright);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0d}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;background:none;border:none;color:var(--text-muted);font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn.active{color:var(--ford-blue);filter:drop-shadow(0 0 8px var(--ford-blue-glow))}.tab-indicator{position:absolute;bottom:0;height:2px;border-radius:2px 2px 0 0;background:linear-gradient(90deg,var(--ford-blue),var(--accent-bright));transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px var(--ford-blue-glow)}.nav-badge{position:absolute;top:2px;right:12px;min-width:16px;height:16px;border-radius:8px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:badgePop .3s ease-out;box-shadow:0 2px 8px #ef444466}.nav-dot{position:absolute;top:6px;right:16px;width:7px;height:7px;border-radius:50%;background:var(--warning);animation:badgePop .3s ease-out;box-shadow:0 1px 6px #f59e0b80}.nav-header{background:var(--surface-glass);border-bottom:1px solid var(--border-subtle);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.alert-high{background:#ef44440d;border:1px solid rgba(239,68,68,.3);border-radius:12px;position:relative}.alert-high:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;box-shadow:inset 0 0 15px #ef44441a;animation:pulse-glow 2s infinite;pointer-events:none}input,select,textarea{background:var(--surface-low);border:1px solid var(--border-bright);color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:14px;width:100%;outline:none;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--ford-blue);outline:none;box-shadow:0 0 0 2px #0068ff26}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 8px currentColor}.severity-high{color:var(--danger)}.severity-medium{color:var(--warning)}.severity-low{color:var(--success)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600}.badge-beginner{background:#34d3991f;color:var(--success);border:1px solid rgba(52,211,153,.15)}.badge-intermediate{background:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.15)}.badge-advanced{background:#ef44441f;color:var(--danger);border:1px solid rgba(239,68,68,.15)}.buy-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;font-size:11px;font-weight:600;background:#0068ff1a;color:var(--ford-blue);text-decoration:none;cursor:pointer;border:1px solid var(--border-accent);transition:all .15s ease}.buy-btn:hover{background:#0068ff2e;box-shadow:0 0 8px var(--ford-blue-glow)}.verified-badge{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:700;background:#34d3991a;color:var(--success);border:1px solid rgba(52,211,153,.15)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes hmi-slide-in{0%{opacity:0;transform:translate(-20px) skew(-5deg);filter:blur(5px)}to{opacity:1;transform:translate(0) skew(0);filter:blur(0)}}@keyframes hmi-scanline{0%{transform:translateY(-100%)}to{transform:translateY(1000%)}}.stagger-item{opacity:0;animation:hmi-slide-in .4s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}.card-scan-effect{position:relative;overflow:hidden}.card-scan-effect:hover:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--ford-blue),transparent);opacity:.5;animation:hmi-scanline 1.5s linear infinite;pointer-events:none}.intel-header{border-left:3px solid var(--ford-blue);background:linear-gradient(90deg,rgba(0,104,255,.1),transparent);padding:8px 12px;margin-bottom:16px}.comms-avatar{border:1px solid var(--border-bright);box-shadow:0 0 10px #ffffff0d;position:relative}.comms-avatar:after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;background:#34d399;border-radius:50%;border:2px solid var(--surface-mid)}.intel-tag{font-family:var(--font-mono);font-size:9px;padding:2px 6px;border-radius:4px;letter-spacing:.05em}.reply-line{position:relative;margin-left:20px;border-left:1px solid var(--text-muted);padding-left:16px}.service-timeline{position:relative;padding-left:24px;border-left:1px dashed var(--border-bright)}.service-id-badge{font-family:var(--font-mono);font-size:8px;color:var(--text-muted);border:1px solid var(--border-subtle);padding:1px 4px;border-radius:3px;background:#ffffff05}.log-entry-node{position:absolute;left:-5px;width:9px;height:9px;background:var(--surface-low);border:2px solid var(--ford-blue);border-radius:50%;box-shadow:0 0 8px var(--ford-blue-glow)}.service-stat-box{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);border-radius:8px;padding:10px;border:1px solid var(--border-subtle)}
