@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#f1f5f9;--bg-card:#fff;--bg-elevated:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0e6;--border-subtle:#0000000d;--status-green:#10b981;--status-green-bg:#ecfdf5;--status-amber:#f59e0b;--status-amber-bg:#fffbeb;--status-red:#f43f5e;--status-red-bg:#fff1f2;--status-gray:#94a3b8;--status-gray-bg:#f1f5f9;--accent-cyan:#06b6d4;--accent-purple:#8b5cf6;--accent-emerald:#10b981;--sidebar-width:260px;--header-height:70px;--border-radius:18px}[data-theme=dark]{--bg-primary:#0b0f19;--bg-card:#131b2e;--bg-elevated:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-subtle:#ffffff0d;--status-green:#10b981;--status-green-bg:#10b98126;--status-amber:#f59e0b;--status-amber-bg:#f59e0b26;--status-red:#f43f5e;--status-red-bg:#f43f5e26;--status-gray:#64748b;--status-gray-bg:#64748b26;--accent-cyan:#38bdf8;--accent-purple:#a78bfa;--accent-emerald:#10b981}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0b0f19;--bg-card:#131b2e;--bg-elevated:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-subtle:#ffffff0d;--status-green:#10b981;--status-green-bg:#10b98126;--status-amber:#f59e0b;--status-amber-bg:#f59e0b26;--status-red:#f43f5e;--status-red-bg:#f43f5e26;--status-gray:#64748b;--status-gray-bg:#64748b26;--accent-cyan:#38bdf8;--accent-purple:#a78bfa;--accent-emerald:#10b981}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .25s,color .25s}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-card);border-right:1px solid var(--border-color);z-index:20;flex-direction:column;flex-shrink:0;height:100vh;transition:background-color .25s,border-color .25s;display:flex;position:sticky;top:0;left:0;overflow-y:auto}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.header{height:var(--header-height);background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;transition:background-color .25s,border-color .25s;display:flex}.header-title{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.header-subtitle{color:var(--text-secondary);margin:3px 0 0;font-size:13px}.header-actions-group{align-items:center;gap:14px;display:flex}.theme-toggle-btn{border:1px solid var(--border-color);background:var(--bg-primary);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle-btn:hover{color:var(--status-green);border-color:var(--status-green);transform:scale(1.05)}.theme-sun-icon{color:#f59e0b}.theme-moon-icon{color:#8b5cf6}.connection-status-badge{letter-spacing:.2px;border-radius:20px;align-items:center;gap:8px;padding:7px 15px;font-size:13px;font-weight:700;display:inline-flex}.status-live{background:var(--status-green-bg);color:var(--status-green)}.status-disconnected{background:var(--status-red-bg);color:var(--status-red)}.connection-pulse{border-radius:50%;width:8px;height:8px}.pulse-live{background:var(--status-green);animation:2s infinite pulse-dot-anim;box-shadow:0 0 #10b981b3}.pulse-dead{background:var(--status-red)}.page-content{flex:1;padding:32px;overflow-y:auto}.card{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);padding:24px;transition:transform .25s,box-shadow .25s,background-color .25s;box-shadow:0 4px 20px #0000000d}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.device-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #27ae60b3}70%{transform:scale(1);box-shadow:0 0 0 10px #27ae6000}to{transform:scale(.95);box-shadow:0 0 #27ae6000}}.status-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.status-dot.online{background-color:var(--status-green);animation:2s infinite pulse}.status-dot.offline{background-color:var(--status-gray)}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:12px;max-width:420px;display:flex;position:fixed;top:24px;right:24px}.toast-item{pointer-events:all;background:var(--bg-card);border:1px solid #00000014;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;animation:.4s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.toast-icon{flex-shrink:0;margin-top:2px}.toast-content{flex:1;min-width:0}.toast-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.toast-severity{letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:800}.toast-device{color:var(--text-secondary);font-size:12px;font-weight:500}.toast-message{color:var(--text-primary);margin:0;font-size:13px;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;transition:all .2s}.toast-close:hover{color:var(--text-primary);background:#0000000d}.toast-progress{border-radius:0 0 14px 14px;width:100%;height:3px;animation:8s linear forwards toastProgress;position:absolute;bottom:0;left:0}@keyframes toastProgress{0%{width:100%}to{width:0%}}.alert-bell-container{position:relative}.alert-bell-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.alert-bell-btn:hover{color:var(--text-primary);background:#0000000d}.alert-badge{background:var(--status-red);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;animation:2s ease-in-out infinite badgePulse;display:flex;position:absolute;top:2px;right:2px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.alert-dropdown{background:var(--bg-card);z-index:1000;border:1px solid #0000000f;border-radius:16px;flex-direction:column;width:380px;max-height:500px;animation:.25s cubic-bezier(.16,1,.3,1) dropdownIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 48px #00000026,0 4px 12px #00000014}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.alert-dropdown-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.alert-dropdown-header h3{margin:0;font-size:16px;font-weight:700}.alert-ack-all-btn{color:var(--status-green);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.alert-ack-all-btn:hover{background:var(--status-green-bg)}.alert-dropdown-list{flex:1;max-height:380px;overflow-y:auto}.alert-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.alert-empty p{margin:0;font-size:14px}.alert-item{border-bottom:1px solid #0000000a;align-items:flex-start;gap:12px;padding:14px 20px;transition:background .15s;display:flex}.alert-item:hover{background:#00000005}.alert-item.unread{background:#f39c120a}.alert-item-icon{flex-shrink:0;margin-top:2px}.alert-item-content{flex:1;min-width:0}.alert-item-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.alert-item-severity{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:800}.alert-item-time{color:var(--text-muted);margin-left:auto;font-size:11px}.alert-item-message{color:var(--text-primary);margin:0 0 4px;font-size:13px;line-height:1.4}.alert-item-device{color:var(--text-muted);font-size:11px;font-weight:500}.alert-item-ack{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:8px;flex-shrink:0;margin-top:2px;padding:6px;transition:all .2s}.alert-item-ack:hover{background:var(--status-green-bg);color:var(--status-green);border-color:var(--status-green)}.alert-dropdown-footer{text-align:center;border-top:1px solid #0000000f;padding:12px 20px}.alert-dropdown-footer a{color:var(--status-green);font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s}.alert-dropdown-footer a:hover{opacity:.8}.alerts-page{max-width:1100px}.alerts-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.alerts-tabs{background:var(--bg-card);border-radius:14px;gap:4px;margin-bottom:24px;padding:4px;display:flex;box-shadow:0 2px 8px #0000000a}.alerts-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.alerts-tab.active{background:var(--status-green-bg);color:var(--status-green);font-weight:600}.alerts-tab:hover:not(.active){background:#00000008}.tab-badge{background:var(--status-red);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:1px 7px;font-size:11px;font-weight:700}.tab-badge-subtle{color:var(--text-muted);text-align:center;background:#00000014;border-radius:10px;min-width:20px;padding:1px 7px;font-size:11px;font-weight:600}.alerts-filters{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.filter-group{color:var(--text-muted);align-items:center;gap:8px;display:flex}.filter-group select{background:var(--bg-card);color:var(--text-primary);cursor:pointer;border:1px solid #0000001a;border-radius:10px;padding:8px 12px;font-family:inherit;font-size:13px}.alerts-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.alerts-empty h3{color:var(--text-primary);margin:0;font-size:18px}.alerts-empty p{margin:0;font-size:14px}.alerts-events-list{flex-direction:column;gap:10px;display:flex}.alert-event-card{align-items:flex-start;gap:16px;transition:all .2s;display:flex;padding:18px 20px!important}.alert-event-card.acknowledged{opacity:.6}.alert-event-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.alert-event-body{flex:1;min-width:0}.alert-event-top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.alert-event-severity{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:800}.alert-event-device{color:var(--text-primary);font-size:12px;font-weight:600}.alert-event-time{color:var(--text-muted);margin-left:auto;font-size:12px}.alert-event-message{color:var(--text-primary);margin:0;font-size:14px;line-height:1.5}.btn-ack{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:10px;flex-shrink:0;align-self:center;padding:8px;transition:all .2s}.btn-ack:hover{background:var(--status-green-bg);color:var(--status-green);border-color:var(--status-green)}.alerts-rules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.alert-rule-card{transition:all .2s}.alert-rule-card.disabled{opacity:.5}.rule-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rule-severity-badge{letter-spacing:.5px;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:flex}.rule-card-actions{align-items:center;gap:4px;display:flex}.rule-toggle-btn,.rule-delete-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:6px;transition:all .2s}.rule-toggle-btn:hover{background:#0000000a}.rule-delete-btn:hover{background:var(--status-red-bg);color:var(--status-red)}.rule-condition{align-items:baseline;gap:8px;margin:0 0 8px;font-size:15px;display:flex}.rule-metric{color:var(--text-primary);font-weight:600}.rule-operator{color:var(--text-muted);font-size:14px;font-weight:700}.rule-threshold{color:var(--status-red);font-size:18px;font-weight:700}.rule-device{color:var(--text-secondary);margin:0;font-size:13px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#27ae60 0%,#2ecc71 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #27ae604d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#00000008}.btn-outline{color:var(--status-green);border:1px solid var(--status-green);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-outline:hover{background:var(--status-green-bg)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:20px;width:90%;max-width:520px;animation:.3s cubic-bezier(.16,1,.3,1) modalIn;box-shadow:0 24px 64px #0003}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.modal-header h2{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:6px;transition:all .2s}.modal-close:hover{color:var(--text-primary);background:#0000000d}.alert-modal form{padding:24px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group select{width:100%;color:var(--text-primary);background:var(--bg-primary);border:1px solid #0000001a;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--status-green);outline:none;box-shadow:0 0 0 3px #27ae601a}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rule-preview{background:#00000008;border-radius:10px;margin-bottom:20px;padding:12px 16px}.modal-actions{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}.dashboard-container{flex-direction:column;gap:24px;max-width:1440px;margin:0 auto;display:flex}.stats-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.stat-kpi-card{background:var(--bg-card);border:1px solid #0000000d;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.stat-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000014}.kpi-icon-container{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gradient-blue{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)}.gradient-green{background:linear-gradient(135deg,#2ecc71 0%,#27ae60 100%)}.gradient-teal{background:linear-gradient(135deg,#1abc9c 0%,#16a085 100%)}.gradient-amber{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%)}.gradient-red{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%)}.gradient-emerald{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.kpi-info{flex-direction:column;flex:1;gap:4px;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:12px;font-weight:600}.kpi-value-row{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.kpi-primary-val{font-feature-settings:"tnum";color:var(--text-primary);font-size:24px;font-weight:800;line-height:1}.kpi-sub-tag{background:var(--bg-primary);color:var(--text-secondary);border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700}.kpi-sub-total{color:var(--text-muted);font-size:13px;font-weight:500}.tag-success{background:var(--status-green-bg);color:var(--status-green)}.tag-warning{background:var(--status-amber-bg);color:var(--status-amber)}.tag-danger{background:var(--status-red-bg);color:var(--status-red)}.kpi-progress-wrapper{background:#0000000d;height:3px;position:absolute;bottom:0;left:0;right:0}.kpi-progress-bar{height:100%;transition:width .5s}.bg-green{background:var(--status-green)}.dashboard-filter-ribbon{background:var(--bg-card);border:1px solid #0000000d;border-radius:18px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #0000000a}.filter-ribbon-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.search-input-wrapper{flex:1;align-items:center;min-width:320px;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.search-input{background:var(--bg-primary);width:100%;color:var(--text-primary);border:1px solid #00000014;border-radius:12px;padding:11px 38px 11px 40px;font-family:inherit;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--status-green);background:var(--bg-card);outline:none;box-shadow:0 0 0 3px #27ae601f}.clear-search-btn{color:var(--text-secondary);cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s;display:flex;position:absolute;right:12px}.clear-search-btn:hover{background:#0000001f}.filter-controls-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select-wrapper{align-items:center;display:flex;position:relative}.filter-select-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.filter-select{background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border:1px solid #00000014;border-radius:10px;padding:10px 14px 10px 34px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.filter-select:focus{border-color:var(--status-green);outline:none}.status-toggle-chips{background:var(--bg-primary);border-radius:10px;gap:2px;padding:4px;display:flex}.status-chip{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.status-chip.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 2px 8px #00000014}.chip-dot{border-radius:50%;width:7px;height:7px}.dot-green{background:var(--status-green)}.dot-gray{background:var(--status-gray)}.view-mode-toggles{background:var(--bg-primary);border-radius:10px;gap:2px;padding:4px;display:flex}.view-mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.view-mode-btn.active{background:var(--bg-card);color:var(--status-green);box-shadow:0 2px 6px #00000014}.btn-reset-filters{background:var(--status-red-bg);color:var(--status-red);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.quick-train-pills-bar{border-top:1px solid #0000000d;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;display:flex}.quick-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:4px;font-size:12px;font-weight:700}.train-filter-pill{background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border:1px solid #00000014;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.train-filter-pill:hover{border-color:var(--status-green);color:var(--text-primary)}.train-filter-pill.active-pill{background:var(--status-green);color:#fff;border-color:var(--status-green);box-shadow:0 2px 8px #27ae6040}.pill-badge{background:#0000001a;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.active-pill .pill-badge{color:#fff;background:#ffffff40}.filtered-results-counter{color:var(--text-secondary);margin-left:auto;font-size:12px}.flat-telemetry-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;width:100%;display:grid}.btn-reset-filters:hover{opacity:.85}.btn-refresh-data{background:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:1px solid #00000014;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-refresh-data:hover{color:var(--status-green);border-color:var(--status-green)}.fleet-hierarchy-stream{flex-direction:column;gap:20px;width:100%;display:flex}.train-fleet-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 4px 20px #0000000a}.train-fleet-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .15s;display:flex}.train-fleet-header:hover{background:#00000004}.train-header-left{align-items:center;gap:12px;display:flex}.train-avatar-badge{width:38px;height:38px;color:var(--status-green);background:linear-gradient(135deg,#10b98126 0%,#34d39940 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.train-title-wrap{flex-direction:column;gap:2px;display:flex}.train-name-heading{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.train-metrics-badge{color:var(--text-secondary);font-size:12px;font-weight:500}.train-header-right{align-items:center;gap:10px;display:flex}.train-live-pill{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.pill-pulse-dot{border-radius:50%;width:7px;height:7px}.pulse-green{background:var(--status-green);animation:2s infinite pulse-dot-anim;box-shadow:0 0 #10b98199}.pulse-gray{background:var(--status-gray)}@keyframes pulse-dot-anim{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.train-collapse-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.train-fleet-body{background:var(--bg-primary);flex-direction:column;gap:22px;padding:20px;display:flex}.coach-section-block{flex-direction:column;gap:14px;display:flex}.coach-section-header{align-items:center;gap:8px;display:flex}.coach-stripe-indicator{background:var(--status-green);border-radius:3px;width:4px;height:16px}.coach-section-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.coach-node-count{color:var(--text-muted);font-size:12px;font-weight:500}.device-telemetry-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;width:100%;display:grid}.telemetry-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;box-sizing:border-box;border-radius:18px;flex-direction:column;gap:13px;width:100%;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.telemetry-card:hover{border-color:#10b98159;transform:translateY(-3px);box-shadow:0 10px 28px #00000014}.card-top-header{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.fleet-badge-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fleet-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.train-badge{color:var(--status-green);background:#10b9811f}.coach-badge{color:#0891b2;background:#06b6d41f}.card-status-pill{align-items:center;gap:6px;margin-left:auto;display:flex}.live-pulse-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.live-status-label{letter-spacing:.5px;font-size:11px;font-weight:800}.card-online .live-status-label{color:var(--status-green)}.card-offline .live-status-label{color:var(--status-gray)}.card-action-btns{gap:4px;margin-left:6px;display:flex}.icon-action-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.btn-edit:hover{color:var(--status-green);background:#10b9811a}.btn-delete:hover{color:var(--status-red);background:#f43f5e1a}.device-identity-row{justify-content:space-between;align-items:flex-start;gap:10px;width:100%;display:flex}.device-meta-left{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.device-display-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.device-sub-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.device-location-tag{color:var(--text-muted);align-items:center;gap:3px;font-size:11px;font-weight:500;display:inline-flex}.device-type-tag{color:var(--text-muted);text-transform:uppercase;background:#0000000a;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.device-mac-chip{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:600}.battery-telemetry-section{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.battery-gauge-card{background:var(--bg-primary);border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;transition:border-color .2s;display:flex;overflow:hidden}.border-voltage-emerald{border-left:3px solid #10b981}.border-voltage-amber{border-left:3px solid #f59e0b}.border-voltage-rose{border-left:3px solid #f43f5e}.border-voltage-neutral{border-left:3px solid var(--status-gray)}.gauge-header{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.gauge-title{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;min-width:0;font-size:11px;font-weight:600;display:flex}.gauge-icon{color:var(--text-muted);flex-shrink:0}.gauge-voltage{font-feature-settings:"tnum";flex-shrink:0;font-size:13px;font-weight:800}.voltage-emerald{color:#10b981}.voltage-amber{color:#f59e0b}.voltage-rose{color:#f43f5e}.voltage-neutral{color:var(--text-muted)}.gauge-track{background:#00000014;border-radius:4px;width:100%;height:5px;overflow:hidden}.gauge-fill{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.gauge-fill.voltage-emerald{background:linear-gradient(90deg,#34d399 0%,#10b981 100%);box-shadow:0 0 8px #10b98159}.gauge-fill.voltage-amber{background:linear-gradient(90deg,#fbbf24 0%,#f59e0b 100%);box-shadow:0 0 8px #f59e0b59}.gauge-fill.voltage-rose{background:linear-gradient(90deg,#fb7185 0%,#f43f5e 100%);box-shadow:0 0 8px #f43f5e59}.gauge-fill.voltage-neutral{background:var(--status-gray)}.gauge-footer{justify-content:space-between;align-items:center;width:100%;font-size:10px;font-weight:600;display:flex}.gauge-status-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.gauge-pct-text{font-feature-settings:"tnum";color:var(--text-secondary)}.telemetry-switches-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.switch-status-pill{background:var(--bg-primary);border:1px solid var(--border-subtle);box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;padding:8px 10px;transition:all .2s;display:flex;overflow:hidden}.switch-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;font-size:11px;font-weight:600;display:flex;overflow:hidden}.switch-meta svg{flex-shrink:0}.switch-state-indicator{border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.switch-led{border-radius:50%;flex-shrink:0;width:6px;height:6px}.led-on{background:#10b981;box-shadow:0 0 6px #10b981}.led-off{background:#f43f5e;box-shadow:0 0 6px #f43f5e}.led-null{background:var(--text-muted)}.switch-val-text{letter-spacing:.3px;white-space:nowrap;font-size:11px;font-weight:800}.switch-on{background:#10b98114;border-color:#10b98133}.switch-on .switch-val-text{color:#10b981}.switch-off{background:#f43f5e14;border-color:#f43f5e33}.switch-off .switch-val-text{color:#f43f5e}.switch-null{background:var(--bg-primary)}.switch-null .switch-val-text{color:var(--text-muted)}.telemetry-card-footer{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;width:100%;padding-top:10px;font-size:11px;display:flex}.footer-meta-item{align-items:center;gap:5px;font-weight:500;display:flex}.timer-pill{color:#f59e0b;background:#f59e0b1f;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-weight:700;display:inline-flex}.footer-view-more{color:var(--status-green);align-items:center;gap:4px;font-weight:600;transition:gap .2s;display:flex}.chevron-slide{transition:transform .2s}.telemetry-card:hover .chevron-slide{transform:translate(3px)}.dashboard-loading-state{text-align:center;background:var(--bg-card);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.pulse-spinner{border:3px solid #27ae6026;border-top-color:var(--status-green);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-dashboard-card{background:var(--bg-card);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex;box-shadow:0 4px 20px #0000000a}.empty-icon-circle{background:var(--bg-primary);width:64px;height:64px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.btn-primary-action{background:var(--status-green);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:10px 20px;font-weight:600}[data-theme=dark]{--bg-primary:#0b0f19;--bg-card:#131b2e;--bg-elevated:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-subtle:#ffffff0d;--status-green:#10b981;--status-green-bg:#10b98126;--status-amber:#f59e0b;--status-amber-bg:#f59e0b26;--status-red:#f43f5e;--status-red-bg:#f43f5e26}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0b0f19;--bg-card:#131b2e;--bg-elevated:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff14;--border-subtle:#ffffff0d;--status-green:#10b981;--status-green-bg:#10b98126;--status-amber:#f59e0b;--status-amber-bg:#f59e0b26;--status-red:#f43f5e;--status-red-bg:#f43f5e26}}[data-theme=dark] .modal-overlay{background:#000000bf}[data-theme=dark] .toast-item{border-color:var(--border-color);box-shadow:0 8px 32px #00000080}[data-theme=dark] .alert-dropdown{border-color:var(--border-color);box-shadow:0 12px 48px #00000080}[data-theme=dark] .alert-dropdown-header{border-bottom-color:var(--border-color)}[data-theme=dark] .alert-dropdown-footer{border-top-color:var(--border-color)}[data-theme=dark] .alert-item{border-bottom-color:var(--border-subtle)}[data-theme=dark] .alert-item.unread{background:#f59e0b14}[data-theme=dark] .alert-item:hover{background:#ffffff05}[data-theme=dark] .alert-item-ack,[data-theme=dark] .btn-secondary{border-color:var(--border-color)}[data-theme=dark] .btn-outline{border-color:var(--status-green)}[data-theme=dark] .alert-bell-btn:hover,[data-theme=dark] .toast-close:hover{background:#ffffff0d}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .filter-group select{border-color:var(--border-color)}[data-theme=dark] .rule-preview{background:#ffffff08}[data-theme=dark] .btn-ack{border-color:var(--border-color)}[data-theme=dark] .alerts-tabs{box-shadow:0 2px 8px #0003}[data-theme=dark] .tab-badge-subtle{background:#ffffff14}@media (prefers-color-scheme:dark){.modal-overlay{background:#000000bf}.toast-item{border-color:var(--border-color);box-shadow:0 8px 32px #00000080}.alert-dropdown{border-color:var(--border-color);box-shadow:0 12px 48px #00000080}.alert-dropdown-header{border-bottom-color:var(--border-color)}.alert-dropdown-footer{border-top-color:var(--border-color)}.alert-item{border-bottom-color:var(--border-subtle)}.alert-item.unread{background:#f59e0b14}.alert-item:hover{background:#ffffff05}.alert-item-ack,.btn-secondary{border-color:var(--border-color)}.btn-outline{border-color:var(--status-green)}.alert-bell-btn:hover,.toast-close:hover{background:#ffffff0d}.form-group input,.form-group select,.filter-group select{border-color:var(--border-color)}.rule-preview{background:#ffffff08}.btn-ack{border-color:var(--border-color)}.alerts-tabs{box-shadow:0 2px 8px #0003}.tab-badge-subtle{background:#ffffff14}}.settings-page-wrapper{align-items:flex-start;gap:28px;max-width:1200px;margin:0 auto;display:flex}.settings-tabs-sidebar{flex-direction:column;flex-shrink:0;gap:20px;width:240px;display:flex}.settings-nav-group{flex-direction:column;gap:4px;display:flex}.settings-nav-heading{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;padding:0 10px 6px;font-size:11px;font-weight:700}.settings-nav-btn{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.settings-nav-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}.settings-nav-btn.active{background:var(--bg-card);color:var(--status-green);border-color:var(--border-color);box-shadow:0 4px 12px #0000000d}.settings-content-pane{flex:1;min-width:0}.settings-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:22px;padding:28px;display:flex;box-shadow:0 4px 20px #0000000a}.settings-card-header h3{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:700}.settings-card-header p{color:var(--text-secondary);margin:0;font-size:13px}.settings-card-header.flex-between{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-section-divider{background:var(--border-color);width:100%;height:1px}.settings-row-item{justify-content:space-between;align-items:center;gap:24px;padding:10px 0;display:flex}.setting-info{flex-direction:column;gap:3px;display:flex}.setting-title{color:var(--text-primary);font-size:14px;font-weight:600}.setting-desc{color:var(--text-muted);font-size:12px}.theme-toggle-options{gap:8px;display:flex}.theme-opt-btn{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.theme-opt-btn.active-theme{border-color:var(--status-green);color:var(--status-green);background:var(--status-green-bg)}.toggle-switch-btn{border:1px solid var(--border-color);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.switch-enabled{background:var(--status-green-bg);color:var(--status-green);border-color:var(--status-green)}.switch-disabled{background:var(--bg-primary);color:var(--text-muted)}.user-profile-badge-box{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;align-items:center;gap:16px;padding:16px 20px;display:flex}.profile-avatar-icon{background:var(--status-green-bg);width:48px;height:48px;color:var(--status-green);border-radius:14px;justify-content:center;align-items:center;display:flex}.profile-meta-wrap h4{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:700}.profile-role-row{align-items:center;gap:10px;display:flex}.role-pill{letter-spacing:.3px;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.role-admin{background:var(--status-green-bg);color:var(--status-green)}.role-user{color:#0891b2;background:#06b6d426}.profile-email-text{color:var(--text-muted);font-size:12px}.settings-form-block{flex-direction:column;gap:16px;max-width:500px;display:flex}.form-sub-heading{color:var(--text-primary);align-items:center;gap:8px;margin:8px 0 0;font-size:15px;font-weight:700;display:flex}.form-group-field{flex-direction:column;gap:6px;display:flex}.form-group-field label{color:var(--text-primary);font-size:13px;font-weight:600}.form-group-field input,.form-group-field select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .2s}.form-group-field input:focus,.form-group-field select:focus{border-color:var(--status-green);background:var(--bg-card);outline:none}.form-group-field small{color:var(--text-muted);font-size:11px}.btn-save-primary{background:var(--status-green);color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;padding:10px 20px;font-size:13px;font-weight:700;transition:opacity .2s}.btn-save-primary:hover{opacity:.9}.status-alert-box{border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.box-success{background:var(--status-green-bg);color:var(--status-green)}.box-error{background:var(--status-red-bg);color:var(--status-red)}.threshold-grid-inputs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.btn-add-action{background:var(--status-green);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;display:flex}.users-table-responsive{border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.settings-data-table{border-collapse:collapse;text-align:left;width:100%}.settings-data-table th{background:var(--bg-primary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:12px;font-weight:700}.settings-data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:13px}.settings-data-table tr:last-child td{border-bottom:none}.self-tag{color:var(--status-green);margin-left:6px;font-size:11px;font-weight:600}.btn-delete-row{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.btn-delete-row:hover{color:var(--status-red);background:var(--status-red-bg)}.diagnostics-grid-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.diag-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.diag-card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.diag-card-body{flex-direction:column;gap:10px;display:flex}.diag-stat-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.diag-stat-row code{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.btn-refresh-diag{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-refresh-diag:hover{color:var(--status-green);border-color:var(--status-green)}