:root,[data-theme=light]{--bg-main: #F1F5F9;--bg-surface: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFC;--border: #E2E8F0;--border-light: #CBD5E1;--gold: #D97706;--gold-light: #F59E0B;--gold-glow: rgba(217, 119, 6, .2);--emerald: #10B981;--teal: #0D9488;--blue: #2563EB;--purple: #7C3AED;--crimson: #EF4444;--text-main: #0F172A;--text-muted: #64748B;--text-sub: #334155;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-gold: 0 4px 14px rgba(217, 119, 6, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=dark]{--bg-main: #0B0E1A;--bg-surface: #111527;--bg-card: #161B2E;--bg-card-hover: #1c233a;--border: #1E2540;--border-light: #2c3558;--gold: #C8960C;--gold-light: #F5C518;--gold-glow: rgba(245, 197, 24, .25);--emerald: #27AE60;--teal: #2EC4B6;--blue: #3A7BD5;--purple: #7B5EA7;--crimson: #E63946;--text-main: #E8ECF4;--text-muted: #626D8E;--text-sub: #95A0BC;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-gold: 0 4px 20px rgba(200, 150, 12, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;user-select:none;transition:background-color .25s ease,color .25s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}input,select,textarea{font-family:inherit;color:var(--text-main);background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;outline:none;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{font-family:inherit;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);border:none;outline:none}button:active{transform:scale(.98)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;font-weight:800;padding:9px 20px;border-radius:var(--radius-sm);font-size:13px;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-gold)}.btn-gold:hover{filter:brightness(1.08);box-shadow:0 6px 24px var(--gold-glow)}.btn-gold-sm{padding:6px 14px;font-size:11px}.btn-danger{background:linear-gradient(135deg,var(--crimson),#ff6b6b);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-sub)}.btn-outline:hover{border-color:var(--gold);color:var(--gold-light);background:var(--gold-glow)}.badge-pill{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.card-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.card-panel:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-item{pointer-events:auto;background:var(--bg-card);border:1px solid var(--border-light);border-left:4px solid var(--gold);color:var(--text-main);padding:12px 18px;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulseGold{0%{box-shadow:0 0 #f5c51866}70%{box-shadow:0 0 0 10px #f5c51800}to{box-shadow:0 0 #f5c51800}}.pulse-gold{animation:pulseGold 2s infinite}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;animation:popIn .25s cubic-bezier(.16,1,.3,1) forwards;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}@keyframes popIn{0%{transform:scale(.94) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.car-diagram-container{position:relative;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;align-items:center}.car-part-btn{background:var(--bg-card);border:1px dashed var(--border-light);color:var(--text-sub);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.car-part-btn.damaged{background:#ef444426;border:1px solid var(--crimson);color:var(--crimson);font-weight:800}@media print{body{background:#fff!important;color:#000!important;overflow:visible!important;padding:0!important;margin:0!important}.no-print,header,nav,aside,button,input,select,textarea,.sidebar-nav,.app-header,.theme-switch-btn,.toast-container,.modal-overlay,.btn-gold,.btn-gold-sm{display:none!important}.card-panel:not(.printable-document){display:none!important}.printable-document{display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:10mm!important;box-shadow:none!important;border:none!important;background:#fff!important;color:#000!important;z-index:999999!important;page-break-after:avoid!important;page-break-inside:avoid!important;font-family:Arial,Helvetica,sans-serif!important}@page{size:A4 portrait;margin:5mm}}.mobile-hamburger-btn{display:none;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);width:36px;height:36px;align-items:center;justify-content:center;font-size:18px;cursor:pointer;flex-shrink:0;transition:all .2s ease}.mobile-hamburger-btn:hover{background:var(--border);border-color:var(--gold)}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0e1aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;animation:fadeIn .2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.mobile-hamburger-btn{display:inline-flex}.app-sidebar{position:fixed!important;top:0!important;bottom:0!important;left:0!important;height:100vh!important;z-index:999!important;box-shadow:0 10px 40px #00000080!important;transition:transform .28s cubic-bezier(.4,0,.2,1)!important;width:260px!important}.app-sidebar.closed-mobile{transform:translate(-100%)!important}.app-sidebar.open-mobile{transform:translate(0)!important}.mobile-overlay.active{display:block}div[style*="repeat(4, 1fr)"],div[style*="repeat(3, 1fr)"]{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}div[style*="2fr 1fr"],div[style*="1fr 2fr"]{grid-template-columns:1fr!important;gap:14px!important}.app-header{padding:0 12px!important;gap:8px!important}.header-search-box{max-width:140px!important}.header-search-box input{width:100%!important}.mongo-live-badge span:last-child{display:none}main{padding:14px 10px!important}}@media (max-width: 640px){div[style*="repeat(4, 1fr)"],div[style*="repeat(3, 1fr)"],div[style*="repeat(2, 1fr)"],div[style*="1fr 1fr"]{grid-template-columns:1fr!important;gap:10px!important}.modal-overlay{padding:10px!important}.modal-content{width:100%!important;max-width:98vw!important;max-height:94vh!important;overflow-y:auto!important;border-radius:var(--radius-md)!important}.header-title-text{font-size:13px!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-company-select,.header-search-box{display:none!important}div[style*='justifyContent: "space-between"'],div[style*="justify-content: space-between"]{flex-wrap:wrap!important;gap:10px!important}.card-panel{padding:12px 8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}table{min-width:580px!important}div[style*="repeat(7, 1fr)"]{gap:3px!important;font-size:10px!important}.stat-card{padding:12px 14px!important}.login-card{padding:22px 16px!important;width:100%!important;margin:10px!important}.toast-container{bottom:12px!important;right:12px!important;left:12px!important}.toast-item{padding:10px 14px!important;font-size:12px!important}}.module-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:2px}.module-search-wrap{position:relative;display:inline-flex;align-items:center}.module-search-input{height:36px;padding:6px 12px 6px 32px;font-size:12px;border-radius:8px;border:1px solid var(--border);background-color:var(--bg-surface);color:var(--text-main);transition:all .2s ease;min-width:220px}.module-search-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.module-search-icon{position:absolute;left:10px;font-size:13px;color:var(--text-muted);pointer-events:none}.module-search-clear{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:11px;padding:2px 4px}.module-search-clear:hover{color:var(--text-main)}.access-module-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background-color:var(--bg-surface);cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none}.access-module-card:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.access-module-card.selected{border-color:var(--gold);background-color:#d9770614}.theme-switch-btn:hover{border-color:var(--gold)!important;transform:scale(1.05)}