:root{--f1-ferrari-red:#dc143c;--f1-mclaren-orange:#ff8000;--f1-mercedes-green:#00d2be;--f1-redbull-blue:#0600ef;--f1-ferrari-red-light:#ff4757;--f1-ferrari-red-dark:#b71c1c;--f1-mclaren-orange-light:#ff9500;--f1-mclaren-orange-dark:#e67300;--f1-mercedes-green-light:#20e3d0;--f1-mercedes-green-dark:#00a693;--f1-garage-bg:#f5f6fa;--f1-garage-secondary:#e8eaed;--f1-metallic-silver:#c7c8cc;--f1-titanium:#878b96;--f1-card-bg:#ffffff;--f1-card-border:#e1e5e9;--f1-card-shadow:rgba(0,0,0,0.08);--f1-card-hover-shadow:rgba(0,0,0,0.15);--f1-text-primary:#1a1d21;--f1-text-secondary:#2f3640;--f1-text-muted:#57606f;--f1-text-light:#a4b0be;--f1-data-success:#2ed573;--f1-data-warning:#ffa502;--f1-data-danger:#ff3838;--f1-data-info:#3742fa;--f1-glow-red:0 0 20px rgba(220,20,60,0.3);--f1-glow-orange:0 0 20px rgba(255,128,0,0.3);--f1-glow-green:0 0 20px rgba(0,210,190,0.3);--f1-transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--f1-transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--f1-transition-slow:0.5s cubic-bezier(0.4,0,0.2,1)}.dark{--f1-garage-bg:#0f1419;--f1-garage-secondary:#1a1f2e;--f1-metallic-silver:#3a3d42;--f1-titanium:#6b7280;--f1-card-bg:#1a1f2e;--f1-card-border:#2d3748;--f1-card-shadow:rgba(0,0,0,0.25);--f1-card-hover-shadow:rgba(0,0,0,0.35);--f1-text-primary:#f7fafc;--f1-text-secondary:#e2e8f0;--f1-text-muted:#a0aec0;--f1-text-light:#718096;--f1-glow-red:0 0 30px rgba(220,20,60,0.4);--f1-glow-orange:0 0 30px rgba(255,128,0,0.4);--f1-glow-green:0 0 30px rgba(0,210,190,0.4)}.f1-garage-background{background:linear-gradient(135deg,var(--f1-garage-bg) 0,var(--f1-garage-secondary) 100%);min-height:100vh;position:relative}.f1-garage-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,var(--f1-metallic-silver) 1px,transparent 1px),radial-gradient(circle at 75% 75%,var(--f1-metallic-silver) 1px,transparent 1px);background-size:50px 50px;opacity:.1;pointer-events:none}.f1-card{background:var(--f1-card-bg);border:1px solid var(--f1-card-border);border-radius:8px;box-shadow:0 2px 8px var(--f1-card-shadow);transition:all var(--f1-transition-normal);position:relative;overflow:hidden}.f1-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--f1-ferrari-red) 0,var(--f1-mclaren-orange) 50%,var(--f1-mercedes-green) 100%);opacity:0;transition:opacity var(--f1-transition-normal)}.f1-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--f1-card-hover-shadow)}.f1-card:hover:before{opacity:1}.f1-btn{background:var(--f1-text-primary);color:white;border:none;border-radius:6px;padding:12px 24px;min-height:2.75rem;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all var(--f1-transition-normal);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.f1-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--f1-transition-slow)}.f1-btn:hover:before{left:100%}.f1-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.25)}.f1-btn[role=tab]{min-height:3rem;padding:.875rem 1.75rem;font-size:.9rem}.f1-btn[role=tab][data-state=active]{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.f1-btn-ferrari{background:linear-gradient(135deg,var(--f1-ferrari-red),var(--f1-ferrari-red-dark))}.f1-btn-ferrari:hover{box-shadow:var(--f1-glow-red);transform:translateY(-2px)}.f1-btn-mclaren{background:linear-gradient(135deg,var(--f1-mclaren-orange),var(--f1-mclaren-orange-dark))}.f1-btn-mclaren:hover{box-shadow:var(--f1-glow-orange);transform:translateY(-2px)}.f1-btn-mercedes{background:linear-gradient(135deg,var(--f1-mercedes-green),var(--f1-mercedes-green-dark))}.f1-btn-mercedes:hover{box-shadow:var(--f1-glow-green);transform:translateY(-2px)}.f1-title{color:var(--f1-text-primary);font-weight:800;font-size:3.5rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--f1-text-primary) 0,var(--f1-titanium) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.f1-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--f1-ferrari-red),var(--f1-mclaren-orange),var(--f1-mercedes-green));border-radius:2px}.f1-telemetry{background:var(--f1-card-bg);border:1px solid var(--f1-card-border);border-radius:8px;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;position:relative}.f1-telemetry:before{content:"TELEMETRY";position:absolute;top:-8px;left:16px;background:var(--f1-card-bg);padding:0 8px;font-size:10px;font-weight:600;color:var(--f1-text-muted);letter-spacing:1px}.f1-data-point{display:flex;align-items:center;gap:8px;margin-bottom:8px}.f1-data-label{color:var(--f1-text-secondary);font-size:12px;font-weight:500;min-width:80px}.f1-data-value{color:var(--f1-text-primary);font-weight:700;font-size:14px}.f1-data-indicator{width:8px;height:8px;border-radius:50%;animation:f1-pulse 2s infinite}.f1-data-indicator.success{background:var(--f1-data-success)}.f1-data-indicator.warning{background:var(--f1-data-warning)}.f1-data-indicator.danger{background:var(--f1-data-danger)}@keyframes f1-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.f1-category-tag{background:var(--f1-garage-secondary);color:var(--f1-text-secondary);padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--f1-card-border);transition:all var(--f1-transition-fast)}.f1-category-tag.ferrari{background:var(--f1-ferrari-red);color:white;border-color:var(--f1-ferrari-red-dark)}.f1-category-tag.mclaren{background:var(--f1-mclaren-orange);color:white;border-color:var(--f1-mclaren-orange-dark)}.f1-category-tag.mercedes{background:var(--f1-mercedes-green);color:white;border-color:var(--f1-mercedes-green-dark)}.f1-category-tag.muted{background:var(--f1-text-muted);color:white;border-color:var(--f1-titanium)}.f1-search{background:var(--f1-card-bg);border:2px solid var(--f1-card-border);border-radius:8px;padding:12px 16px;font-size:16px;color:var(--f1-text-primary);transition:all var(--f1-transition-normal);outline:none}.f1-search:focus{border-color:var(--f1-ferrari-red);box-shadow:0 0 0 3px rgba(220,20,60,.1)}.f1-search::placeholder{color:var(--f1-text-light)}.f1-sidebar{background:var(--f1-card-bg);border:1px solid var(--f1-card-border);border-radius:12px;padding:24px;box-shadow:0 4px 16px var(--f1-card-shadow)}.f1-sidebar-title{color:var(--f1-text-primary);font-weight:700;font-size:18px;margin-bottom:20px;display:flex;align-items:center;gap:8px;line-height:1.2;min-height:24px}.f1-sidebar-item{display:block;width:100%;padding:12px 16px;border:none;background:transparent;text-align:left;color:var(--f1-text-secondary);font-weight:500;border-radius:6px;transition:all var(--f1-transition-fast);margin-bottom:4px;position:relative;overflow:hidden}.f1-sidebar-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--f1-ferrari-red);transition:width var(--f1-transition-normal)}.f1-sidebar-item.active,.f1-sidebar-item:hover{background:var(--f1-garage-secondary);color:var(--f1-text-primary);transform:translateX(4px)}.f1-sidebar-item.active:before{width:4px}.f1-status-online{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--f1-data-success);text-transform:uppercase;letter-spacing:.5px}.f1-status-online:before{content:"";width:8px;height:8px;background:var(--f1-data-success);border-radius:50%;animation:f1-pulse 2s infinite}.f1-status-offline{display:inline-flex;align-items:center;font-weight:600;color:var(--f1-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;background:rgba(87,96,111,.1);border-radius:4px;font-size:10px;line-height:1}.dark .f1-status-offline{background:rgba(160,174,192,.2)}.f1-telemetry-dashboard .f1-card>div:first-child{min-height:56px;display:flex;align-items:center;gap:8px}.f1-telemetry-dashboard .f1-sidebar-title.text-sm{font-size:22px!important;line-height:32px;height:32px;margin-bottom:0;display:flex;align-items:center;flex:1;font-weight:800}.f1-telemetry-dashboard .f1-card>div:first-child>div:last-child,.f1-telemetry-dashboard .f1-card>div:first-child>svg{flex-shrink:0;align-self:center}@media (max-width:768px){.f1-title{font-size:2.5rem}.f1-card{margin-bottom:16px}.f1-sidebar{margin-bottom:24px}}.f1-loading{display:flex;justify-content:center;align-items:center;gap:4px;padding:20px}.f1-loading-dot{width:8px;height:8px;border-radius:50%;background:var(--f1-ferrari-red);animation:f1-loading 1.4s ease-in-out infinite both}.f1-loading-dot:first-child{animation-delay:-.32s}.f1-loading-dot:nth-child(2){animation-delay:-.16s;background:var(--f1-mclaren-orange)}.f1-loading-dot:nth-child(3){background:var(--f1-mercedes-green)}@keyframes f1-loading{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.f1-api-name-container{width:100%;max-width:100%;overflow:hidden;white-space:nowrap;position:relative;height:1.5em;display:block;line-height:1.5em}.f1-api-name{display:inline-block;transition:transform var(--f1-transition-slow);transform:translateX(0);max-width:none;flex-shrink:0}.f1-card:hover .f1-api-name-container.overflow .f1-api-name{animation:f1-marquee 3s linear infinite}.f1-card:hover .f1-api-name-container:not(.overflow) .f1-api-name{animation:none}@keyframes f1-marquee{0%{transform:translateX(0)}25%{transform:translateX(0)}75%{transform:translateX(calc(-100% + 100px))}to{transform:translateX(calc(-100% + 100px))}}.f1-api-name-container.overflow:after{content:"";position:absolute;right:0;top:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,var(--f1-card-bg));opacity:1;transition:opacity var(--f1-transition-normal);pointer-events:none;z-index:1}.f1-card:hover .f1-api-name-container.overflow:after{opacity:0}.f1-card:hover .f1-api-name-container.overflow .f1-api-name[data-long=true]{animation-duration:5s}.f1-api-title-section{display:grid;grid-template-columns:1fr auto;gap:12px;width:100%;align-items:center}.f1-api-title-section .f1-api-name-container{overflow:hidden;min-width:0;max-width:100%}.f1-api-title-section .f1-reliability-section{display:flex;align-items:center;gap:6px;white-space:nowrap}.f1-api-description{line-height:1.4;height:4.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem}.f1-input{background:var(--f1-card-bg);border:2px solid var(--f1-card-border);border-radius:8px;padding:12px 16px;font-size:16px;color:var(--f1-text-primary);transition:all var(--f1-transition-normal);outline:none;width:100%}.f1-input:focus{border-color:var(--f1-ferrari-red);box-shadow:0 0 0 3px rgba(220,20,60,.1)}.f1-input::placeholder{color:var(--f1-text-light)}.f1-textarea{background:var(--f1-card-bg);border:2px solid var(--f1-card-border);border-radius:8px;padding:12px 16px;font-size:16px;color:var(--f1-text-primary);transition:all var(--f1-transition-normal);outline:none;width:100%;resize:vertical;min-height:120px}.f1-textarea:focus{border-color:var(--f1-ferrari-red);box-shadow:0 0 0 3px rgba(220,20,60,.1)}.f1-textarea::placeholder{color:var(--f1-text-light)}.f1-select{background:var(--f1-card-bg);border:2px solid var(--f1-card-border);border-radius:8px;padding:12px 16px;font-size:16px;color:var(--f1-text-primary);transition:all var(--f1-transition-normal);outline:none;width:100%;min-height:48px}.f1-select:focus{border-color:var(--f1-ferrari-red);box-shadow:0 0 0 3px rgba(220,20,60,.1)}.f1-label{color:var(--f1-text-primary);font-weight:600;font-size:14px;margin-bottom:8px;display:block}.f1-progress-steps{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:32px}.f1-progress-step{display:flex;align-items:center;gap:8px}.f1-progress-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;transition:all var(--f1-transition-normal)}.f1-progress-circle.active{background:var(--f1-ferrari-red);color:white;box-shadow:var(--f1-glow-red)}.f1-progress-circle.inactive{background:var(--f1-card-border);color:var(--f1-text-muted)}.f1-progress-line{width:32px;height:2px;transition:all var(--f1-transition-normal)}.f1-progress-line.completed{background:var(--f1-ferrari-red)}.f1-progress-line.pending{background:var(--f1-card-border)}.f1-progress-text{font-size:14px;font-weight:500}.f1-progress-text.active{color:var(--f1-text-primary)}.f1-progress-text.inactive{color:var(--f1-text-muted)}.f1-endpoint-card{background:var(--f1-garage-secondary);border:1px solid var(--f1-card-border);border-radius:8px;padding:16px;margin-bottom:12px;transition:all var(--f1-transition-normal)}.f1-endpoint-card:hover{background:var(--f1-card-bg);border-color:var(--f1-ferrari-red)}.f1-endpoint-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.f1-endpoint-method{background:var(--f1-ferrari-red);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.f1-endpoint-url{color:var(--f1-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;word-break:break-all;margin-left:8px}.f1-endpoint-description{color:var(--f1-text-secondary);font-size:14px;margin-bottom:8px}.f1-endpoint-params{color:var(--f1-text-muted);font-size:12px}.f1-btn-outline{background:transparent;color:var(--f1-text-primary);border:2px solid var(--f1-card-border);border-radius:6px;padding:12px 24px;min-height:2.75rem;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all var(--f1-transition-normal);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.f1-btn-outline:hover{background:var(--f1-card-border);border-color:var(--f1-ferrari-red);color:var(--f1-text-primary);transform:translateY(-1px)}.f1-btn-outline:disabled,.f1-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.f1-grid{display:grid;gap:24px}.f1-grid-cols-1{grid-template-columns:1fr}.f1-grid-cols-2{grid-template-columns:repeat(2,1fr)}.f1-grid-cols-3{grid-template-columns:repeat(3,1fr)}.f1-grid-cols-12{grid-template-columns:repeat(12,1fr)}.f1-space-y-2>*+*{margin-top:8px}.f1-space-y-4>*+*{margin-top:16px}.f1-space-y-6>*+*{margin-top:24px}.f1-gap-6{gap:24px}.f1-text-sm{font-size:14px}.f1-text-xs{font-size:12px}.f1-text-xl{font-size:20px}.f1-text-2xl{font-size:24px}.f1-font-bold{font-weight:700}.f1-font-semibold{font-weight:600}.f1-font-medium{font-weight:500}.f1-checkbox{width:18px;height:18px;border:2px solid var(--f1-card-border);border-radius:4px;background:var(--f1-card-bg);cursor:pointer;transition:all var(--f1-transition-normal)}.f1-checkbox:checked{background:var(--f1-ferrari-red);border-color:var(--f1-ferrari-red)}.f1-checkbox:focus{outline:none;box-shadow:0 0 0 3px rgba(220,20,60,.1)}.f1-error-text{color:var(--f1-data-danger);font-size:12px;margin-top:4px}.f1-success-text{color:var(--f1-data-success);font-size:12px;margin-top:4px}.f1-muted-text{color:var(--f1-text-muted);font-size:14px}.f1-param-grid{display:grid;grid-template-columns:3fr 2fr 1fr 5fr 1fr;gap:8px;align-items:center;margin-bottom:8px}.f1-param-remove{background:transparent;border:none;color:var(--f1-data-danger);cursor:pointer;font-size:18px;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--f1-transition-fast)}.f1-param-remove:hover{background:rgba(255,56,56,.1)}.f1-flex{display:flex}.f1-flex-center{display:flex;align-items:center;justify-content:center}.f1-flex-between{display:flex;justify-content:space-between}.f1-flex-end{display:flex;justify-content:flex-end}.f1-items-center{align-items:center}.f1-gap-2{gap:8px}.f1-gap-4{gap:16px}@media (max-width:768px){.f1-grid-cols-2,.f1-grid-cols-3{grid-template-columns:1fr}.f1-progress-steps{flex-direction:column;gap:8px}.f1-progress-line{width:2px;height:20px}.f1-endpoint-header{flex-direction:column;align-items:flex-start;gap:8px}.f1-param-grid{grid-template-columns:1fr;gap:8px}}