:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f7fb;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100vh}html,body{overflow-x:hidden}body{background:#f6f7fb;margin:0}button,input,select,textarea{font:inherit}#root{display:flex}.layout{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex:0 0 250px;width:250px;height:100vh;padding:20px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:12px;min-width:0;margin-bottom:28px;display:flex}.brand-logo,.login-logo{color:#2563eb;letter-spacing:0;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.sidebar h1,.login-card h1{color:#111827;margin:0;font-size:1.18rem;font-weight:700;line-height:1.2}.brand span,.login-card p{color:#6b7280;margin-top:2px;font-size:.8rem;display:block}.nav-links{flex-direction:column;gap:6px;display:flex}.nav-link{color:#4b5563;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:9px 11px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .16s,color .16s,border-color .16s;display:flex}.nav-link svg{flex:none}.nav-link:hover{color:#111827;background:#f3f6fb}.nav-link.active{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.logout-button{background:0 0;border:1px solid #0000;width:100%;font-family:inherit}.main-content{flex:1;min-width:0;padding:24px;overflow-x:hidden}.main-content>div{width:100%;min-width:0;max-width:1440px;margin:0 auto}.login-page{background:#f6f7fb;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:16px;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:420px;padding:28px;box-shadow:0 18px 42px #0f172a14}.login-logo{width:54px;height:54px;margin-bottom:16px;font-size:1.05rem}.login-card p{margin-bottom:24px}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:10px 12px;font-size:.875rem}.login-button{width:100%;margin-top:4px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-title{color:#111827;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}.page-description{color:#6b7280;margin:6px 0 0;font-size:.86rem}.section-stack{flex-direction:column;gap:20px;display:flex}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:22px;box-shadow:0 8px 24px #0f172a0a}.card h3{color:#111827;margin:0;font-size:1rem;font-weight:700;line-height:1.3}.card-description{color:#6b7280;margin:5px 0 0;font-size:.85rem}.card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.card-footer{border-top:1px solid #eef2f7;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;display:flex}.form-section{border-top:1px solid #eef2f7;margin-top:16px;padding-top:16px}.form-section:first-child{border-top:0;margin-top:0;padding-top:0}.form-section-title{color:#374151;text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px;font-size:.82rem;font-weight:800;line-height:1.2}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:14px 16px;display:grid}.form-grid-5{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field-span-2{grid-column:span 2}.field-full{grid-column:1/-1}.form-group{flex-direction:column;gap:6px;min-width:0;margin-bottom:0;display:flex}.form-help{color:#4b5563;font-size:.8rem;line-height:1.45}.form-error{color:#991b1b;font-size:.8rem;font-weight:700}.pgn-examples{color:#6b7280;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.76rem}label{color:#374151;font-size:.82rem;font-weight:700}input,select,textarea{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-width:0;min-height:40px;padding:8px 11px;font-size:.88rem;transition:border-color .16s,box-shadow .16s,background .16s}select{text-overflow:ellipsis}textarea{resize:vertical;min-height:92px}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}input:disabled,select:disabled,textarea:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.field-with-button{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.checkbox-row{flex-wrap:wrap;align-items:center;gap:10px 14px;min-height:40px;display:flex}.checkbox-inline{color:#374151;align-items:center;gap:7px;width:auto;min-height:40px;font-size:.82rem;font-weight:700;line-height:1;display:inline-flex}.checkbox-inline input[type=checkbox]{width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0}.toolbar,.filter-bar,.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{justify-content:flex-end}.toolbar-control{color:#4b5563;white-space:nowrap;align-items:center;gap:8px;min-width:0;margin:0;font-size:.84rem;font-weight:700;display:inline-flex}.toolbar-control select{width:auto;min-width:170px}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 13px;font-size:.86rem;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.btn-outline{color:#374151;background:#fff;border-color:#d1d5db}.btn-outline:hover:not(:disabled){color:#111827;background:#f8fafc;border-color:#b8c1ce}.btn-danger{color:#dc2626;background:#fff;border-color:#fca5a5}.btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#ef4444}.btn-sm{border-radius:8px;min-height:30px;padding:5px 9px;font-size:.76rem}.btn:disabled{opacity:.58;cursor:not-allowed}.alert{border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:.875rem}.alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.badge{color:#374151;vertical-align:middle;background:#eef2f7;border-radius:999px;align-items:center;max-width:100%;padding:3px 8px;font-size:.73rem;font-weight:800;line-height:1.25;display:inline-flex}.badge-blue{color:#1e40af;background:#dbeafe}.badge-success,.badge-company-operator{color:#166534;background:#dcfce7}.badge-muted,.badge-company-none{color:#4b5563;background:#f3f4f6}.badge-role-admin{color:#991b1b;background:#fee2e2}.badge-role-company_admin{color:#5b21b6;background:#ede9fe}.badge-role-dispatcher,.badge-company-municipal{color:#1e40af;background:#dbeafe}.badge-role-mechanic{color:#115e59;background:#ccfbf1}.badge-role-driver{color:#075985;background:#e0f2fe}.badge-role-viewer{color:#334155;background:#f1f5f9}.badge-role-user{color:#3f6212;background:#ecfccb}.badge-company-service_provider{color:#92400e;background:#fef3c7}.badge-company-vendor{color:#86198f;background:#fae8ff}.badge-company-internal{color:#3730a3;background:#e0e7ff}.runtime-badge{text-transform:capitalize}.runtime-working{color:#166534;background:#dcfce7}.runtime-mixed{color:#92400e;background:#fef3c7}.runtime-valid-constant{color:#075985;background:#e0f2fe}.runtime-zero-only{color:#4b5563;background:#f3f4f6}.runtime-invalid-only{color:#991b1b;background:#fee2e2}.runtime-not-seen{color:#475569;background:#f1f5f9}.runtime-needs-review{color:#9a3412;background:#fff7ed}.scope-preview{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;align-items:center;min-height:40px;padding:0 12px;font-size:.86rem;font-weight:700;display:flex}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;min-width:0;max-width:100%;margin-bottom:20px;overflow:auto hidden;box-shadow:0 8px 24px #0f172a0a}table{border-collapse:collapse;text-align:left;width:100%;min-width:760px}th{text-transform:uppercase;letter-spacing:.03em;color:#6b7280;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:11px 14px;font-size:.72rem;font-weight:800;line-height:1.2;position:relative}td{color:#374151;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #edf1f6;padding:12px 14px;font-size:.86rem}tr:last-child td{border-bottom:none}.row-hover:hover{cursor:pointer;background:#f9fafb}.table-actions{flex-wrap:wrap;gap:6px;display:flex}.j1939-filter-card{margin-top:1rem;padding:14px 16px}.j1939-filter-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.j1939-filter-toolbar .toolbar-control{gap:6px;font-size:.78rem}.j1939-filter-toolbar .toolbar-control select,.j1939-filter-toolbar .toolbar-control input{width:auto;min-width:120px;min-height:34px}.j1939-search{width:min(280px,100%);min-height:34px}.j1939-table th,.j1939-table td{vertical-align:top;overflow-wrap:break-word;word-break:normal}.j1939-table th,.j1939-table .badge,.nowrap{white-space:nowrap}.j1939-pgn-table{min-width:980px}.j1939-technical-table table{min-width:1520px}.vehicle-profile-meta{color:#6b7280;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:.8rem;display:flex}.vehicle-profile-meta span{white-space:nowrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;display:inline-flex}.vehicle-profile-tabs{flex-wrap:wrap;gap:8px;margin:16px 0 4px;display:flex}.vehicle-profile-section{margin-top:18px}.spn-quality-summary{margin-bottom:12px}.spn-quality-summary .summary-item{min-width:105px}.spn-quality-note{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.spn-quality-toolbar{grid-template-columns:minmax(260px,1.5fr) repeat(4,minmax(150px,1fr));align-items:center;gap:10px;margin:12px 0;display:grid}.spn-quality-toolbar input,.spn-quality-toolbar select{min-height:36px}.spn-quality-actions{margin-bottom:12px}.spn-quality-table-container table,.can-profile-parameters-table-container table{min-width:1320px}.spn-quality-table td,.can-profile-parameters-table td{overflow-wrap:normal}.quality-explanation{color:#374151;max-width:220px;line-height:1.35}.quality-technical-row td{background:#f9fafb}.quality-detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.quality-detail-grid>div{gap:3px;min-width:0;display:grid}.quality-detail-grid strong{color:#111827;font-size:.78rem}.quality-detail-grid span{color:#6b7280;overflow-wrap:anywhere;font-size:.8rem}.pgn-code{color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95rem;font-weight:800}.cell-title{color:#111827;font-weight:800}.cell-muted{color:#6b7280;font-size:.8rem}.cell-description{color:#6b7280;max-width:390px;margin-top:.25rem;font-size:.82rem;line-height:1.35}.decoder-cell{gap:5px;display:grid}.decoder-badges{flex-wrap:wrap;gap:6px;display:flex}.layout-pill,.status-pill{white-space:nowrap;border-radius:999px;align-items:center;min-width:max-content;padding:4px 9px;font-size:.75rem;font-weight:800;line-height:1.15;display:inline-flex}.layout-pill-complete{color:#166534;background:#dcfce7}.layout-pill-needs_review{color:#92400e;background:#fef3c7}.layout-pill-parser_based{color:#5b21b6;background:#ede9fe}.layout-pill-empty{color:#4b5563;background:#f3f4f6}.status-pill-active{color:#166534;background:#dcfce7}.status-pill-disabled{color:#4b5563;background:#f3f4f6}.j1939-actions{flex-wrap:nowrap;align-items:center}.j1939-actions .btn{white-space:nowrap}.pgn-card-header{z-index:2;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;margin:-22px -22px 18px;padding:18px 22px;position:sticky;top:-22px}.summary-strip{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;gap:16px;padding:13px 14px;display:flex}.summary-item{min-width:120px}.summary-item strong{color:#111827;font-size:.95rem;display:block}.summary-item span{color:#6b7280;font-size:.78rem}.split-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:20px;display:grid}.assignment-list{border:1px solid #e5e7eb;border-radius:12px;max-height:420px;overflow:auto}.assignment-row{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.assignment-row:last-child{border-bottom:none}.assignment-row:hover{background:#f9fafb}.assignment-row small{color:#6b7280;margin-top:2px;font-size:.75rem;display:block}.modal-backdrop{z-index:50;background:#11182773;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{width:min(460px,100%);max-height:calc(100vh - 32px);margin:0;overflow:auto;box-shadow:0 20px 45px #0f172a3d}.payload-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.payload-summary>div{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.payload-summary strong{color:#111827;font-size:1rem;display:block}.payload-summary span{color:#6b7280;font-size:.75rem}.payload-legend{color:#4b5563;flex-wrap:wrap;gap:10px;margin:14px 0 10px;font-size:.8rem;display:flex}.payload-legend span{align-items:center;gap:5px;display:inline-flex}.payload-map{gap:8px;display:grid}.payload-layout-table{background:#fff;border:1px solid #cbd5e1;border-radius:10px;grid-template-columns:repeat(8,minmax(118px,1fr));display:grid;overflow-x:auto}.payload-byte-column{border-right:1px solid #cbd5e1;flex-direction:column;min-height:260px;display:flex}.payload-byte-column:last-child{border-right:0}.payload-byte-title{color:#334155;text-align:center;background:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:8px 6px;font-size:.78rem;font-weight:700}.payload-bit-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(8,1fr);display:grid}.payload-bit-header span{color:#475569;text-align:center;border-right:1px solid #e5e7eb;padding:5px 0;font-size:.68rem;font-weight:700}.payload-bit-header span:last-child{border-right:0}.payload-segment-stack{flex-direction:column;gap:6px;padding:8px;display:flex}.payload-segment{color:#374151;border:1px solid #d1d5db;border-radius:8px;flex-direction:column;gap:3px;min-height:54px;padding:7px;font-size:.72rem;line-height:1.25;display:flex}.payload-segment strong{color:inherit;font-size:.76rem;line-height:1.25}.payload-segment span{color:inherit;opacity:.86}.payload-segment-bits{margin-top:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.66rem}.payload-segment-swatch{border:1px solid #d1d5db;border-radius:4px;width:14px;height:14px}.payload-segment-signal{color:#166534;background:#dcfce7;border-color:#86efac}.payload-segment-not-used{color:#075985;background:#e0f2fe;border-color:#7dd3fc}.payload-segment-reserved{color:#92400e;background:#fef3c7;border-color:#fcd34d}.payload-segment-unknown{color:#4b5563;background:#f3f4f6;border-color:#d1d5db}.payload-segment-parser-based{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.payload-byte-row{grid-template-columns:70px 1fr;align-items:center;gap:10px;display:grid}.payload-byte-label{color:#4b5563;font-size:.8rem;font-weight:600}.payload-bits{grid-template-columns:repeat(8,minmax(24px,1fr));gap:4px;display:grid}.payload-bit{color:#374151;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;min-width:20px;min-height:20px;font-size:.7rem;line-height:1;display:inline-flex}.payload-bit-signal,.payload-status-complete{color:#166534;background:#dcfce7;border-color:#86efac}.payload-bit-not-used{color:#075985;background:#e0f2fe;border-color:#7dd3fc}.payload-bit-reserved{color:#92400e;background:#fef3c7;border-color:#fcd34d}.payload-bit-parser-based,.payload-status-parser_based{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.payload-bit-unknown,.payload-status-empty{color:#4b5563;background:#f3f4f6;border-color:#d1d5db}.payload-status-needs_review{color:#92400e;background:#fef3c7}.flex{display:flex}.gap-4{gap:1rem}.items-end{align-items:flex-end}@media (width<=1100px){.main-content{padding:20px}.split-grid{grid-template-columns:1fr}}@media (width<=760px){.layout{flex-direction:column}.sidebar{flex-basis:auto;width:100%;height:auto;padding:14px;position:static}.brand{margin-bottom:14px}.nav-links{flex-direction:row;padding-bottom:2px;overflow-x:auto}.nav-link{flex:none}.main-content{padding:16px}.card{padding:18px}.field-span-2{grid-column:1/-1}.field-with-button{grid-template-columns:1fr}.page-header{align-items:stretch}.page-header>div:last-child,.toolbar{justify-content:flex-start;width:100%}.j1939-actions{flex-wrap:wrap}.spn-quality-toolbar{grid-template-columns:1fr}.spn-quality-note{flex-direction:column;align-items:stretch}.j1939-filter-toolbar .toolbar-control,.j1939-filter-toolbar .toolbar-control select,.j1939-filter-toolbar .toolbar-control input,.j1939-search{width:100%}}