@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--tesla-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--tesla-font-mono:"JetBrains Mono","SF Mono",monospace;--tesla-duration-fast:.15s;--tesla-duration-normal:.25s;--tesla-duration-slow:.4s;--tesla-touch-target:44px;--tesla-radius-sm:.375rem;--tesla-radius-md:.5rem;--tesla-radius-lg:.75rem;--tesla-radius-xl:1rem;--tesla-radius-2xl:1.5rem;--tesla-radius-full:9999px;--tesla-shadow-sm:0 1px 2px #0000004d;--tesla-shadow-md:0 4px 6px #0006;--tesla-shadow-lg:0 10px 15px #00000080;--tesla-shadow-card:0 2px 8px #0006;--tesla-shadow-cardHover:0 4px 16px #00000080;--tesla-shadow-drawer:0 -4px 20px #00000080;--tesla-z-dropdown:10;--tesla-z-sticky:20;--tesla-z-fixed:30;--tesla-z-overlay:40;--tesla-z-modal:50;--tesla-z-drawer:60;--tesla-z-toast:70;--tesla-z-tooltip:80;--tesla-background-base:#f5f5f7;--tesla-background-elevated:#fff;--tesla-background-surface:#eaeaec;--tesla-background-overlay:#f5f5f7f2;--tesla-text-primary:#1d1d1f;--tesla-text-secondary:#6e6e73;--tesla-text-tertiary:#86868b;--tesla-text-disabled:#c7c7cc;--tesla-border-subtle:#0000000a;--tesla-border-default:#00000014;--tesla-border-strong:#0000001f;--tesla-border-focus:#0003;--tesla-status-nominal:#16a34a;--tesla-status-nominalBg:#16a34a1a;--tesla-status-nominalBorder:#16a34a33;--tesla-status-warning:#d97706;--tesla-status-warningBg:#d977061a;--tesla-status-warningBorder:#d9770633;--tesla-status-critical:#dc2626;--tesla-status-criticalBg:#dc26261a;--tesla-status-criticalBorder:#dc262633;--tesla-status-offline:#6b7280;--tesla-status-offlineBg:#6b72801a;--tesla-status-offlineBorder:#6b728033;--tesla-status-info:#2563eb;--tesla-status-infoBg:#2563eb1a;--tesla-status-infoBorder:#2563eb33;--tesla-department-engineering:#3b82f6;--tesla-department-quality:#22c55e;--tesla-department-production:#f59e0b;--tesla-department-healthSafety:#ef4444;--tesla-interactive-hover:#0000000a;--tesla-interactive-pressed:#00000014;--tesla-interactive-selected:#0000000f;--tesla-chart-primary:#2563eb;--tesla-chart-secondary:#16a34a;--tesla-chart-tertiary:#d97706;--tesla-chart-quaternary:#7c3aed;--tesla-chart-grid:#0000000f;--tesla-chart-axis:#86868b;--tesla-chart-tooltip:#fff}.dark{--tesla-background-base:#121212;--tesla-background-elevated:#1e1e1e;--tesla-background-surface:#252525;--tesla-background-overlay:#121212f2;--tesla-text-primary:#fff;--tesla-text-secondary:#a0a0a0;--tesla-text-tertiary:#666;--tesla-text-disabled:#404040;--tesla-border-subtle:#ffffff0f;--tesla-border-default:#ffffff1a;--tesla-border-strong:#ffffff26;--tesla-border-focus:#ffffff40;--tesla-status-nominal:#22c55e;--tesla-status-nominalBg:#22c55e1f;--tesla-status-nominalBorder:#22c55e40;--tesla-status-warning:#f59e0b;--tesla-status-warningBg:#f59e0b1f;--tesla-status-warningBorder:#f59e0b40;--tesla-status-critical:#ef4444;--tesla-status-criticalBg:#ef44441f;--tesla-status-criticalBorder:#ef444440;--tesla-status-offline:#6b7280;--tesla-status-offlineBg:#6b72801f;--tesla-status-offlineBorder:#6b728040;--tesla-status-info:#3b82f6;--tesla-status-infoBg:#3b82f61f;--tesla-status-infoBorder:#3b82f640;--tesla-department-engineering:#60a5fa;--tesla-department-quality:#4ade80;--tesla-department-production:#fbbf24;--tesla-department-healthSafety:#f87171;--tesla-interactive-hover:#ffffff0a;--tesla-interactive-pressed:#ffffff14;--tesla-interactive-selected:#ffffff0f;--tesla-chart-primary:#3b82f6;--tesla-chart-secondary:#22c55e;--tesla-chart-tertiary:#f59e0b;--tesla-chart-quaternary:#8b5cf6;--tesla-chart-grid:#ffffff0a;--tesla-chart-axis:#666;--tesla-chart-tooltip:#1e1e1e}.tesla-base{font-family:var(--tesla-font-sans);background-color:var(--tesla-background-base);color:var(--tesla-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-tesla-bg{background-color:var(--tesla-background-base)}.bg-tesla-elevated{background-color:var(--tesla-background-elevated)}.bg-tesla-surface{background-color:var(--tesla-background-surface)}.bg-tesla-overlay{background-color:var(--tesla-background-overlay)}.bg-tesla-hover{background-color:var(--tesla-interactive-hover)}.bg-tesla-pressed{background-color:var(--tesla-interactive-pressed)}.bg-tesla-selected{background-color:var(--tesla-interactive-selected)}.bg-tesla-nominalBg{background-color:var(--tesla-status-nominalBg)}.bg-tesla-warningBg{background-color:var(--tesla-status-warningBg)}.bg-tesla-criticalBg{background-color:var(--tesla-status-criticalBg)}.bg-tesla-offlineBg{background-color:var(--tesla-status-offlineBg)}.bg-tesla-infoBg{background-color:var(--tesla-status-infoBg)}.bg-tesla-nominal{background-color:var(--tesla-status-nominal)}.bg-tesla-warning{background-color:var(--tesla-status-warning)}.bg-tesla-critical{background-color:var(--tesla-status-critical)}.bg-tesla-offline{background-color:var(--tesla-status-offline)}.bg-tesla-info{background-color:var(--tesla-status-info)}.text-tesla-text{color:var(--tesla-text-primary)}.text-tesla-textSecondary{color:var(--tesla-text-secondary)}.text-tesla-textTertiary{color:var(--tesla-text-tertiary)}.text-tesla-textDisabled{color:var(--tesla-text-disabled)}.text-tesla-nominal{color:var(--tesla-status-nominal)}.text-tesla-warning{color:var(--tesla-status-warning)}.text-tesla-critical{color:var(--tesla-status-critical)}.text-tesla-offline{color:var(--tesla-status-offline)}.text-tesla-info{color:var(--tesla-status-info)}.text-tesla-engineering{color:var(--tesla-department-engineering)}.text-tesla-quality{color:var(--tesla-department-quality)}.text-tesla-production{color:var(--tesla-department-production)}.text-tesla-healthSafety{color:var(--tesla-department-healthSafety)}.border-tesla-borderSubtle{border-color:var(--tesla-border-subtle)}.border-tesla-border{border-color:var(--tesla-border-default)}.border-tesla-borderStrong{border-color:var(--tesla-border-strong)}.border-tesla-borderFocus{border-color:var(--tesla-border-focus)}.border-tesla-nominal{border-color:var(--tesla-status-nominal)}.border-tesla-warning{border-color:var(--tesla-status-warning)}.border-tesla-critical{border-color:var(--tesla-status-critical)}.border-tesla-offline{border-color:var(--tesla-status-offline)}.border-tesla-info{border-color:var(--tesla-status-info)}.font-tesla-sans{font-family:var(--tesla-font-sans)}.font-tesla-mono{font-family:var(--tesla-font-mono)}.shadow-tesla-sm{box-shadow:var(--tesla-shadow-sm)}.shadow-tesla-md{box-shadow:var(--tesla-shadow-md)}.shadow-tesla-lg{box-shadow:var(--tesla-shadow-lg)}.shadow-card{box-shadow:var(--tesla-shadow-card)}.shadow-cardHover{box-shadow:var(--tesla-shadow-cardHover)}.shadow-drawer{box-shadow:var(--tesla-shadow-drawer)}.rounded-tesla-sm{border-radius:var(--tesla-radius-sm)}.rounded-tesla-md{border-radius:var(--tesla-radius-md)}.rounded-tesla-lg{border-radius:var(--tesla-radius-lg)}.rounded-tesla-xl{border-radius:var(--tesla-radius-xl)}.rounded-tesla-2xl{border-radius:var(--tesla-radius-2xl)}.rounded-tesla-full{border-radius:var(--tesla-radius-full)}.touch-target{min-height:var(--tesla-touch-target);min-width:var(--tesla-touch-target)}.transition-tesla-fast{transition-duration:var(--tesla-duration-fast);transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-tesla-normal{transition-duration:var(--tesla-duration-normal);transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-tesla-slow{transition-duration:var(--tesla-duration-slow);transition-timing-function:cubic-bezier(.4,0,.2,1)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}@keyframes tesla-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tesla-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tesla-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes tesla-ping{75%,to{opacity:0;transform:scale(2)}}.animate-fade-in{animation:tesla-fade-in var(--tesla-duration-normal)cubic-bezier(.4,0,.2,1)}.animate-slide-up{animation:tesla-slide-up var(--tesla-duration-normal)cubic-bezier(.4,0,.2,1)}.animate-scale-in{animation:tesla-scale-in var(--tesla-duration-normal)cubic-bezier(.4,0,.2,1)}.animate-ping{animation:2s cubic-bezier(0,0,.2,1) infinite tesla-ping}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tabular-nums{font-variant-numeric:tabular-nums}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
:root{--color-bg-primary:#0a0a0a;--color-bg-secondary:#1a1a1a;--color-border:#2a2a2a;--color-text-primary:#fff;--color-text-secondary:gray;--color-text-tertiary:#606060;--color-blue:#3b82f6;--color-green:#10b981;--color-amber:#f59e0b;--color-red:#ef4444;--color-purple:#8b5cf6}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-family:Inter,sans-serif;font-weight:500;transition:all .2s;display:inline-flex}.btn-sm{padding:6px 14px;font-size:13px}.btn-md{padding:10px 20px;font-size:14px}.btn-lg{padding:14px 28px;font-size:16px}.btn-full{width:100%}.btn-primary{background:var(--color-text-primary);color:var(--color-bg-primary)}.btn-primary:hover{background:#e8e8e8}.btn-primary:active{background:#d0d0d0}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background:0 0}.btn-secondary:hover{background:#ffffff0d;border-color:#3a3a3a}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff0d}.btn-danger{background:var(--color-red);color:var(--color-text-primary)}.btn-danger:hover{background:#dc2626}.btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-icon{font-size:16px;line-height:1}.icon-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.icon-btn:hover{color:var(--color-text-primary);background:#ffffff0d;border-color:#3a3a3a}.icon-btn-sm{width:32px;height:32px;font-size:16px}.icon-btn-md{width:40px;height:40px;font-size:18px}.icon-btn-lg{width:48px;height:48px;font-size:20px}.user-badge{border:1px solid var(--color-border);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.user-badge:hover{background:#ffffff0d;border-color:#3a3a3a}.user-badge-small{gap:8px;padding:6px 10px}.user-badge-medium{gap:12px;padding:8px 12px}.user-badge-large{gap:14px;padding:12px 16px}.user-avatar{background:var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.user-badge-small .user-avatar{width:24px;height:24px}.user-badge-large .user-avatar{width:40px;height:40px}.user-avatar img{object-fit:cover;width:100%;height:100%}.avatar-initial{color:var(--color-text-primary);font-size:14px;font-weight:600}.user-info{flex-direction:column;gap:2px;display:flex}.user-name{color:var(--color-text-primary);font-size:14px;font-weight:500;line-height:1.2}.user-role{font-size:12px;font-weight:400;line-height:1.2}.user-level-tag{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:6px;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.dropdown-container{position:relative}.dropdown-trigger{cursor:pointer}.dropdown-backdrop{z-index:998;position:fixed;inset:0}.dropdown-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border);z-index:999;border-radius:10px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 8px);box-shadow:0 8px 24px #00000080}.dropdown-right{right:0}.dropdown-left{left:0}.dropdown-item{width:100%;color:var(--color-text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s;display:flex}.dropdown-item:hover{background:#ffffff14}.dropdown-icon{color:var(--color-text-secondary);flex-shrink:0;font-size:16px}.dropdown-label{flex:1}.dropdown-badge{background:var(--color-red);color:var(--color-text-primary);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.dropdown-divider{background:var(--color-border);height:1px;margin:6px 0}.nav-item{color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--color-text-primary);background:#ffffff0d}.nav-item-active{color:var(--color-text-primary);background:#ffffff1a}.nav-icon{flex-shrink:0;font-size:18px}.nav-label{flex:1}.nav-badge{background:var(--color-red);color:var(--color-text-primary);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.status-dot-container{align-items:center;gap:6px;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0}.status-label{color:var(--color-text-secondary);font-size:13px}.badge{border-radius:6px;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.badge-sm{padding:3px 8px;font-size:11px}.badge-md{padding:4px 10px;font-size:12px}.badge-lg{padding:6px 14px;font-size:13px}.badge-default{color:var(--color-text-primary);background:#ffffff1a}.badge-success{color:var(--color-green);background:#10b98126}.badge-warning{color:var(--color-amber);background:#f59e0b26}.badge-danger{color:var(--color-red);background:#ef444426}.badge-info{color:var(--color-blue);background:#3b82f626}.toggle-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:inline-flex}.toggle-disabled{opacity:.4;cursor:not-allowed}.toggle-input{opacity:0;pointer-events:none;position:absolute}.toggle-switch{background:var(--color-border);border-radius:12px;width:44px;height:24px;transition:all .2s;position:relative}.toggle-slider{background:var(--color-text-primary);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle-input:checked+.toggle-switch{background:var(--color-green)}.toggle-input:checked+.toggle-switch .toggle-slider{left:23px}.toggle-label{color:var(--color-text-primary);font-size:14px}.input-container{align-items:center;display:flex;position:relative}.input-field{border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);background:#ffffff08;border-radius:8px;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s}.input-with-icon{padding-left:44px}.input-field:focus{background:#ffffff0d;border-color:#3a3a3a;outline:none}.input-field::placeholder{color:var(--color-text-tertiary)}.input-icon{color:var(--color-text-secondary);pointer-events:none;font-size:18px;position:absolute;left:14px}.input-error .input-field{border-color:var(--color-red)}.app-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-logo{height:32px}.header-title{color:var(--color-text-primary);margin:0;font-size:20px;font-weight:600}.header-right{align-items:center;gap:12px;display:flex}.app-sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border);width:240px;height:100vh;padding:24px 16px;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.signin-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;max-width:400px;margin:0 auto;padding:48px 32px}.signin-header{text-align:center;margin-bottom:32px}.signin-header h2{color:var(--color-text-primary);margin:0 0 8px;font-size:28px;font-weight:600}.signin-header p{color:var(--color-text-secondary);margin:0;font-size:14px}.signin-form form{flex-direction:column;gap:16px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1998;background:#0009;position:fixed;inset:0}.modal-container{z-index:1999;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;width:min(680px,100%);overflow:hidden;box-shadow:0 20px 60px #000000a6}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 14px 10px;display:flex}.modal-title{text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-secondary);font-family:Inter,sans-serif;font-size:12px;font-weight:600}.modal-body{color:var(--color-text-primary);white-space:pre-wrap;padding:16px 14px;font-family:Inter,sans-serif;font-size:14px;line-height:1.55}.modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:10px;padding:12px 14px 14px;display:flex}@media (max-width:768px){.app-header{padding:12px 16px}.app-sidebar{width:60px;padding:16px 8px}.nav-label{display:none}.nav-item{justify-content:center}}