@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Inter,sans-serif;background:#F1F5F9;color:#0F172A}.mono{font-family:JetBrains Mono,monospace}:root{--dark:#0F172A;--blue:#1E40AF;--cyan:#06B6D4;--green:#059669;--amber:#D97706;--red:#DC2626;--gray:#64748B}.app-shell,.app-sidebar{display:flex;min-height:100vh}.app-sidebar{width:224px;flex-shrink:0;background:#0F172A;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.app-main{flex:1 1;min-width:0;background:#F1F5F9}.sidebar-logo{padding:20px 16px 16px}.sidebar-section{border-top:1px solid #1e293b;padding:8px 0}.sidebar-label{padding:8px 16px 4px;font-size:10px;font-weight:700;color:#475569;letter-spacing:.8px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;border-radius:6px;margin:1px 8px;cursor:pointer;color:#94A3B8;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-item:hover{background:#1E293B;color:#E2E8F0}.nav-item.active{background:#1E3A8A;color:#fff}.nav-item svg{width:15px;height:15px;flex-shrink:0}.nav-badge{background:#DC2626;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:9px;margin-left:auto}.sidebar-footer{margin-top:auto;border-top:1px solid #1e293b;padding:12px 8px}.screen-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:40}.screen-content{padding:20px 24px}.card{box-shadow:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04)}.card,.signal-card{background:#fff;border-radius:10px}.signal-card{padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);border-top:3px solid transparent}.signal-green{border-top-color:#059669}.signal-blue{border-top-color:#1E40AF}.signal-amber{border-top-color:#D97706}.signal-red{border-top-color:#DC2626}.dot-green{background:#059669}.dot-amber,.dot-green{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-amber{background:#D97706}.dot-red{width:8px;height:8px;border-radius:50%;background:#DC2626;display:inline-block}@keyframes pulse-ring{0%,to{opacity:1}50%{opacity:.4}}.pulse-red{animation:pulse-ring 1.5s infinite}.badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:9px;display:inline-block}.badge-red{background:#FEF2F2;color:#DC2626}.badge-amber{background:#FFFBEB;color:#D97706}.badge-green{background:#ECFDF5;color:#059669}.badge-blue{background:#EFF6FF;color:#1E40AF}.badge-gray{background:#F1F5F9;color:#64748B}.badge-purple{background:#F5F3FF;color:#7C3AED}.btn-primary{background:#1E40AF;color:#fff;padding:9px 18px;border-radius:7px;font-size:13.5px;font-weight:600;border:none;cursor:pointer;transition:background .15s;font-family:inherit}.btn-primary:hover{background:#1D3A98}.btn-secondary{background:#F1F5F9;color:#334155;padding:9px 18px;border-radius:7px;font-size:13.5px;font-weight:600;border:1px solid #e2e8f0;cursor:pointer;transition:all .15s;font-family:inherit}.btn-secondary:hover{background:#E2E8F0}.btn-ghost{background:transparent;color:#1E40AF;padding:7px 14px;border-radius:7px;font-size:13px;font-weight:600;border:1px solid #bfdbfe;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-block}.btn-ghost:hover{background:#EFF6FF}.btn-green{background:#059669;color:#fff;padding:9px 18px;border-radius:7px;font-weight:600;border:none;cursor:pointer}.btn-green,.input{font-size:13.5px;font-family:inherit}.input{width:100%;border:1px solid #e2e8f0;border-radius:7px;padding:9px 12px;color:#1E293B;outline:none}.input:focus{border-color:#93C5FD;box-shadow:0 0 0 3px rgba(147,197,253,.3)}select.filter-select{border:1px solid #e2e8f0;border-radius:7px;padding:7px 10px;font-size:13px;color:#374151;background:#fff;cursor:pointer;font-family:inherit;outline:none}.code-block{background:#1E293B;border-radius:8px;padding:16px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.7;color:#E2E8F0;overflow-x:auto;white-space:pre}.ck{color:#93C5FD}.cs{color:#86EFAC}.cc{color:#475569}.cv{color:#FCA5A5}.step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.step-line{flex:1 1;height:2px}.toggle{position:relative;width:36px;height:20px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:#CBD5E1;border-radius:10px;cursor:pointer;transition:.2s}.toggle-slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background:#059669}.toggle input:checked+.toggle-slider:before{transform:translateX(16px)}.tab{padding:8px 16px;font-size:13.5px;font-weight:500;border-bottom:2px solid transparent;cursor:pointer;color:#64748B;white-space:nowrap}.tab.active{border-bottom-color:#1E40AF;color:#1E40AF}.tool-card{border:1.5px solid #e2e8f0;border-radius:8px;padding:12px 16px;cursor:pointer;transition:all .15s;text-align:center}.tool-card.selected,.tool-card:hover{border-color:#1E40AF;background:#EFF6FF}.drop-zone{border:2px dashed #cbd5e1;border-radius:10px;padding:32px;text-align:center;cursor:pointer;transition:all .15s}.drop-zone:hover{border-color:#1E40AF;background:#EFF6FF}.session-id-link{font-size:13px;font-weight:700;color:#1E293B;font-family:monospace;text-decoration:none}.session-id-link:hover{text-decoration:underline}.incident-row{border-left:3px solid transparent;transition:background .15s;cursor:pointer}.incident-row.critical{border-left-color:#DC2626}.incident-row.warning{border-left-color:#D97706}.incident-row.medium{border-left-color:#1E40AF}.incident-row.low{border-left-color:#64748B}.incident-row:hover{background:#F8FAFC}.callout-green{background:#ECFDF5;border-left:3px solid #059669}.callout-blue,.callout-green{border-radius:0 8px 8px 0;padding:12px 16px}.callout-blue{background:#EFF6FF;border-left:3px solid #1e40af}.callout-amber{background:#FFFBEB;border-left:3px solid #d97706;border-radius:0 8px 8px 0;padding:12px 16px}.fleet-node{border-radius:8px;padding:10px 14px;text-align:center;font-size:11px;font-weight:600;flex:1 1}.ag-table{width:100%;border-collapse:collapse;font-size:13px}.ag-table thead tr{background:#F8FAFC;border-bottom:1px solid #e2e8f0}.ag-table th{padding:10px 14px;text-align:left;font-size:11.5px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.5px}.ag-table td{padding:11px 14px;border-bottom:1px solid #f1f5f9;color:#374151;vertical-align:middle}.ag-table tr:hover td{background:#F8FAFC}.progress-bar{height:6px;border-radius:3px;background:#E2E8F0;overflow:hidden}.progress-fill{height:100%;border-radius:3px}.period-group{display:flex;border:1px solid #e2e8f0;border-radius:7px;overflow:hidden}.period-btn{padding:6px 14px;font-size:12.5px;font-weight:500;background:#fff;color:#64748B;border:none;cursor:pointer;font-family:inherit;transition:all .15s}.period-btn.active{background:#EFF6FF;color:#1E40AF;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease forwards}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:3px}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:14px}.grid-2,.grid-4{display:grid;gap:14px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:14px}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;grid-gap:14px;gap:14px}.grid-1-380{display:grid;grid-template-columns:1fr 380px;grid-gap:16px;gap:16px}