@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&display=swap);:root{--text-primary:#333;--text-secondary:#666;--bg-primary:#fff;--bg-secondary:#f5f5f5;--border-color:#ddd;--accent-color:#007bff;--accent-hover:#0056b3}[data-theme=dark]{--text-primary:#f0f0f0;--text-secondary:#b0b0b0;--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--border-color:#444;--accent-color:#09f;--accent-hover:#07c}body{background:#fff;background:var(--bg-primary);color:#333;color:var(--text-primary);transition:background .3s,color .3s}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;justify-content:space-between;padding:20px}.App-header h1{margin:0}.dashboard{display:flex;height:calc(100vh - 80px)}.sidebar{background-color:#f5f5f5;border-right:1px solid #ddd;overflow-y:auto;padding:20px;width:300px}.vehicle-list{margin-top:20px}.vehicle-item{border:1px solid #ddd;border-radius:5px;cursor:pointer;margin-bottom:10px;padding:10px;transition:background-color .2s}.vehicle-item:hover{background-color:#e9e9e9}.vehicle-item.selected{background-color:#007bff;color:#fff}.vehicle-item.online{border-left:5px solid #28a745}.vehicle-item.offline{border-left:5px solid #dc3545}.status{font-size:.8em;font-weight:700}.main-content{flex:1 1;overflow-y:auto;padding:20px}.section{border:1px solid #ddd;border-radius:5px;margin-bottom:30px;padding:20px}.dtc-list{margin-top:10px}.dtc-item{border-radius:3px;margin-bottom:5px;padding:10px}.dtc-item.critical{background-color:#f8d7da;border:1px solid #dc3545}.dtc-item.normal{background-color:#fff3cd;border:1px solid #ffc107}.severity{float:right;font-weight:700}.telemetry-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.telemetry-item{background-color:#f8f9fa;border:1px solid #ddd;border-radius:3px;padding:10px}.telemetry-item pre{font-size:.8em;margin:5px 0 0}.clear-button{background-color:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-bottom:10px;padding:10px 15px}.clear-button:hover{background-color:#c82333}.login-form{border:1px solid #ddd;border-radius:5px;margin:50px auto;max-width:300px;padding:20px}.login-form input{border:1px solid #ddd;border-radius:3px;margin-bottom:10px;padding:10px;width:100%}.login-form button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:10px;width:100%}.login-form button:hover{background-color:#0056b3}.no-selection{margin-top:100px;text-align:center}.sort-controls{margin-bottom:15px}.sort-controls select{margin-left:10px;padding:5px}:root{--bg-dark:#0a0e14;--bg-surface:#1a1f28;--bg-panel:#141920;--border-dark:#2a3441;--text-light:#fff}.login-container{align-items:center;background:radial-gradient(circle at top left,#00b4d824,#0000 28%),radial-gradient(circle at bottom right,#0ea5e91f,#0000 30%),linear-gradient(180deg,#f8f9fa,#eef2f7);color:#1a1a1a;color:var(--text-dark);display:flex;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.background-gradient,.background-pattern{inset:0;pointer-events:none;position:absolute}.background-gradient{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#00b4d81f 0,#0000 42%),radial-gradient(circle at 80% 20%,#0ea5e91a 0,#0000 40%)}.background-pattern{background-image:linear-gradient(90deg,#0000 49px,#00b4d80a 0,#00b4d80a 50px,#0000 0),linear-gradient(0deg,#0000 49px,#00b4d80a 0,#00b4d80a 50px,#0000 0);background-size:50px 50px;opacity:.45}.login-card{animation:slideUp .45s ease-out;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#ffffffeb,#f8fafce0);border:1px solid #00b4d824;border-radius:22px;box-shadow:0 24px 72px #0f172a29,inset 0 0 0 1px #ffffffa6;max-width:460px;padding:44px 40px;position:relative;width:100%;z-index:1}.login-card:before{background:linear-gradient(90deg,#0000,#00b4d8,#0ea5e9,#0000);background:linear-gradient(90deg,#0000,var(--primary-blue),var(--primary-teal),#0000);border-top-left-radius:22px;border-top-right-radius:22px;content:"";height:3px;left:0;position:absolute;top:0;width:100%}.logo-section{margin-bottom:32px;text-align:center}.brand-logo-full{background:linear-gradient(180deg,#ffffffc2,#f8fafcf0);border:1px solid #00b4d81a;border-radius:18px;box-shadow:0 10px 24px #0f172a14,inset 0 0 0 1px #ffffff8c;filter:saturate(.96) contrast(.98) brightness(.98);margin:0 auto 14px;mix-blend-mode:multiply;padding:12px 18px;width:min(100%,340px)}.brand-logo-full,.brand-slogan{display:block;height:auto;object-fit:contain}.brand-slogan{filter:saturate(.95) brightness(.98);margin:12px auto 0;opacity:.92;width:min(100%,280px)}.logo-icon{background:linear-gradient(135deg,#00b4d8,#0ea5e9);background:linear-gradient(135deg,var(--primary-blue),var(--primary-teal));border-radius:18px;box-shadow:0 12px 30px #00b4d847;color:#fff;display:grid;font-size:30px;height:64px;margin:0 auto 14px;place-items:center;width:64px}.logo-section h1{color:#1a1a1a;color:var(--text-dark);font-size:28px;font-weight:900;letter-spacing:-.6px;line-height:1.1;margin:0 0 10px}.subtitle{color:#6b7280;color:var(--text-medium);font-size:14px;font-weight:500;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:10px}.form-label{align-items:center;color:#1a1a1a;color:var(--text-dark);display:flex;font-size:13px;font-weight:800;gap:8px;letter-spacing:.6px;text-transform:uppercase}.form-label svg{color:#00b4d8;color:var(--primary-blue);flex-shrink:0}.input-field{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;color:#1a1a1a;color:var(--text-dark);font-size:15px;font-weight:500;min-height:48px;outline:none;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.input-field::placeholder{color:#9ca3af;color:var(--text-muted)}.input-field:focus{border-color:#00b4d8;border-color:var(--primary-blue);box-shadow:0 0 0 4px #00b4d81f}.input-field:disabled{cursor:not-allowed;opacity:.65}.error-box{align-items:flex-start;background:#ef444414;border:1px solid #ef44443d;border-radius:10px;color:#b91c1c;display:flex;font-size:14px;gap:10px;line-height:1.5;padding:12px 14px}.error-box svg{flex-shrink:0;margin-top:1px}.button-login{align-items:center;background:linear-gradient(135deg,#00b4d8,#0ea5e9);background:linear-gradient(135deg,var(--primary-blue),var(--primary-teal));border:none;border-radius:12px;box-shadow:0 10px 24px #00b4d83d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:900;gap:10px;justify-content:center;letter-spacing:.6px;min-height:50px;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;width:100%}.button-login:hover:not(:disabled){box-shadow:0 14px 30px #00b4d847;transform:translateY(-1px)}.button-login:active:not(:disabled){transform:translateY(0)}.button-login:disabled{cursor:not-allowed;opacity:.72}.spinner{animation:spin 1s linear infinite}.demo-info{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;color:var(--text-medium);font-size:12px;line-height:1.55;margin-top:18px;padding:14px 16px}.demo-info p{margin:0 0 4px}.demo-info p:last-child{margin-bottom:0}.demo-info strong{color:#1a1a1a;color:var(--text-dark)}.footer-text{border-top:1px solid #e5e7eb;color:#9ca3af;color:var(--text-muted);font-size:12px;line-height:1.5;margin-top:18px;padding-top:16px;text-align:center}.footer-text p{margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.login-container{padding:16px}.login-card{border-radius:18px;padding:34px 22px}.brand-logo-full{padding:10px 14px;width:min(100%,270px)}.brand-slogan{width:min(100%,220px)}.logo-section h1{font-size:24px}.button-login,.subtitle{font-size:13px}}:root{--primary-blue:#00b4d8;--primary-teal:#0ea5e9;--success-green:#10b981;--warning-orange:#f59e0b;--error-red:#ef4444;--bg-light:#f8f9fa;--bg-panel:#fff;--bg-muted:#eef2f7;--border-light:#e5e7eb;--border-medium:#d1d5db;--text-dark:#1a1a1a;--text-medium:#6b7280;--text-muted:#9ca3af}*{box-sizing:border-box}.settings-page{background:radial-gradient(circle at top left,#00b4d81f,#0000 24%),radial-gradient(circle at bottom right,#0ea5e914,#0000 24%),linear-gradient(180deg,#f8f9fa,#eef2f7);color:#1a1a1a;color:var(--text-dark);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:28px}.settings-shell{margin:0 auto;max-width:1100px}.settings-header{align-items:flex-start;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #00b4d824;border-radius:18px;box-shadow:0 18px 48px #0f172a14;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:22px 24px}.settings-heading{align-items:center;display:flex;gap:16px}.settings-badge{background:linear-gradient(135deg,#00b4d8,#0ea5e9);background:linear-gradient(135deg,var(--primary-blue),var(--primary-teal));border-radius:16px;box-shadow:0 12px 26px #00b4d83d;color:#fff;display:grid;flex-shrink:0;height:52px;place-items:center;width:52px}.settings-heading h1{font-size:30px;font-weight:900;letter-spacing:-.6px;line-height:1.1;margin:0 0 6px}.settings-heading p{color:#6b7280;color:var(--text-medium);font-size:14px;line-height:1.5;margin:0}.settings-back-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;color:#1a1a1a;color:var(--text-dark);cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;min-height:44px;padding:10px 16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.settings-back-button:hover{border-color:#00b4d8;border-color:var(--primary-blue);box-shadow:0 8px 20px #00b4d81f;transform:translateY(-1px)}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.settings-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:18px;box-shadow:0 16px 40px #0f172a0f;padding:22px}.settings-card-title{align-items:center;color:#1a1a1a;color:var(--text-dark);display:flex;font-size:14px;font-weight:900;gap:10px;letter-spacing:.6px;margin-bottom:18px;text-transform:uppercase}.settings-card-title svg{color:#00b4d8;color:var(--primary-blue);flex-shrink:0}.settings-field{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.settings-field span{color:#1a1a1a;color:var(--text-dark);font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.settings-field select{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:12px;color:#1a1a1a;color:var(--text-dark);font-size:15px;font-weight:600;min-height:48px;outline:none;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.settings-field select:focus{border-color:#00b4d8;border-color:var(--primary-blue);box-shadow:0 0 0 4px #00b4d81f}.settings-helper{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light);color:#6b7280;color:var(--text-medium);font-size:13px;line-height:1.6;margin-top:16px;padding-top:16px}.settings-options{display:flex;flex-wrap:wrap;gap:12px}.settings-pill{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:999px;color:#1a1a1a;color:var(--text-dark);cursor:pointer;font-size:14px;font-weight:800;min-height:42px;min-width:92px;padding:10px 16px;text-transform:capitalize;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.settings-pill:hover{transform:translateY(-1px)}.settings-pill.active,.settings-pill:hover{border-color:#00b4d8;border-color:var(--primary-blue)}.settings-pill.active{background:linear-gradient(135deg,#00b4d8,#0ea5e9);background:linear-gradient(135deg,var(--primary-blue),var(--primary-teal));box-shadow:0 10px 24px #00b4d833;color:#fff}@media (max-width:980px){.settings-grid{grid-template-columns:1fr}}@media (max-width:720px){.settings-page{padding:16px}.settings-header{flex-direction:column;padding:18px}.settings-heading{align-items:flex-start}.settings-heading h1{font-size:24px}.settings-back-button{justify-content:center;width:100%}.settings-card{padding:18px}.settings-pill{flex:1 1 120px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.e1f44593.css.map*/