:root{--ink:#15233c;--muted:#6e7a8b;--teal:#087e87;--teal-deep:#07666d;--teal-soft:#e9f8f7;--line:#e5eaf0;--paper:#f6f8fb;--bg:#fff;--nav:#182940;--shadow:0 12px 35px rgba(17,39,59,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}svg{max-width:100%}svg path,svg circle{vector-effect:non-scaling-stroke}.shell{display:flex;min-height:100vh}.sidebar{width:245px;flex:0 0 245px;background:var(--nav);color:#eaf1f9;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 14px 20px;z-index:4}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:11px;padding:0 8px 39px}.brand-mark{height:38px;width:38px;background:#1d9a9a;border-radius:11px;display:grid;place-items:center}.brand-mark svg{width:23px;height:23px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round}.brand strong{font-size:16px;letter-spacing:-.6px}.brand strong span{color:#77dad0}.brand small{display:block;font-size:8px;letter-spacing:2.2px;margin-top:3px;opacity:.6;font-weight:700}.side-label{font-size:10px;letter-spacing:1.65px;color:#8f9eb0;font-weight:800;padding:8px 13px 15px}.manufacturers{display:flex;flex-direction:column;gap:5px}.make-btn{width:100%;display:flex;align-items:center;gap:11px;padding:12px 12px;border:0;border-radius:9px;background:transparent;color:#d3deeb;text-align:left;font-size:13px;font-weight:600}.make-btn:hover{background:#233a54}.make-btn.active{background:#264862;color:#fff}.make-icon{width:29px;height:29px;background:#31435b;border:1px solid #43586e;border-radius:7px;display:grid;place-items:center;font-size:10px;letter-spacing:-.6px;font-weight:800}.make-btn.active .make-icon{background:#2fa9aa;border-color:#2fa9aa}.make-count{margin-left:auto;color:#a2b4c4;font-size:11px;font-weight:600}.make-btn.active .make-count{color:#fff}.side-separator{border-top:1px solid #3b4e65;margin:11px 6px}.sidebar-foot{margin:auto 10px 6px;padding:18px 13px 5px;border-top:1px solid #3a4d63}.sidebar-foot .offline-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#59d0b4;margin-right:7px}.sidebar-foot strong{font-size:11px;color:#e7f5f1}.sidebar-foot p{color:#a2b3c4;font-size:11px;line-height:1.6}.main-wrap{flex:1;min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 43px}.top-location{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#738198}.sep{padding:0 9px;color:#c6ccd5}.top-actions{display:flex;align-items:center;gap:18px}.shortcut{font-size:11px;color:#9da7b5}.icon-btn{background:none;border:0;width:30px;height:30px;color:#5d6a7c;padding:4px}.icon-btn svg,.btn svg,.search-box svg,.filter-select svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.menu-toggle{display:none}.main-content{max-width:1420px;margin:auto;padding:47px 42px 23px}.eyebrow{display:flex;align-items:center;gap:12px;color:#077d87;font-size:10px;letter-spacing:2px;font-weight:800}.eyebrow .line{height:1px;width:22px;background:#07848c}.head-row{display:flex;justify-content:space-between;gap:24px;align-items:center}.page-head h1{font-size:clamp(34px,4.1vw,57px);font-weight:800;letter-spacing:-2.8px;line-height:1.08;margin:16px 0}.page-head em{font-style:normal;color:#057e88}.subtitle{max-width:575px;color:#738095;font-size:13px;line-height:1.8;margin:0 0 30px}.head-graphic{width:220px;height:122px;border:1px solid #dfecf0;background:#f0f8fa;border-radius:16px;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:rotate(-5deg);box-shadow:14px 17px 0 #eaf0f4;flex-shrink:0}.graphic-lines{height:60px;display:flex;gap:5px;align-items:stretch}.graphic-lines b{background:#1c3348;width:5px}.graphic-lines b:nth-child(2){width:2px}.graphic-lines b:nth-child(3){width:9px}.graphic-lines b:nth-child(4){width:4px}.graphic-lines b:nth-child(5){width:12px}.graphic-lines b:nth-child(6){width:3px}.graphic-lines b:nth-child(8){width:9px}.graphic-label{color:#6b90a0;font-size:9px;font-weight:700;letter-spacing:2px;margin-top:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 42px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;gap:14px;align-items:center;padding:20px 18px;box-shadow:0 3px 16px rgba(18,43,58,.017)}.stat-icon{background:#f0f4f7;border-radius:9px;color:#277b8b;width:38px;height:38px;display:grid;place-items:center;font-size:21px}.stat div:last-child{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:22px;letter-spacing:-.9px;font-weight:800;white-space:nowrap}.stat-label{font-size:11px;color:#7c8997;margin-top:3px}.stat-status .stat-value{font-size:18px}.lookup{background:#fff;border:1px solid #e6ebf0;border-radius:15px;padding:25px 27px 18px;box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:23px}.section-kicker{font-size:10px;letter-spacing:1.65px;color:#07919a;font-weight:850}.section-head h2,.modal-header h2{font-size:19px;letter-spacing:-.65px;margin:7px 0 0}.head-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{border-radius:8px;padding:11px 15px;display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid transparent;font-size:12px;font-weight:700;white-space:nowrap;min-height:39px}.btn.primary{background:#067e87;color:#fff;border-color:#067e87}.btn.primary:hover{background:#056b72}.btn.secondary{background:#fff;color:#42566a;border-color:#dfe7ec}.btn.secondary:hover{background:#f7fafc}.btn.danger{color:#c3373c;background:#fff;border-color:#f0d8db}.btn .plus{font-size:18px;font-weight:400;line-height:0}.filters{display:flex;gap:10px;margin-bottom:20px}.search-box{flex:1;min-width:150px;border:1px solid #dbe4ea;border-radius:8px;display:flex;align-items:center;padding:0 12px;gap:9px;background:#fbfcfd}.search-box:focus-within{border-color:#0696a0;box-shadow:0 0 0 3px rgba(6,150,160,.09)}.search-box svg{flex:none;width:17px;color:#8492a1}.search-box input{width:100%;border:0;outline:0;background:transparent;padding:12px 0;font-size:12px}.search-box input::placeholder{color:#a3acb7}.search-box kbd{font-size:10px;background:#eef3f6;color:#8794a3;padding:3px 6px;border:1px solid #e3e9ee;border-radius:4px}.filter-select{width:180px;flex:0 0 180px;position:relative;display:flex;align-items:center}.filter-accessory{width:230px;flex:0 0 230px}.filter-select select,.list-tools select{width:100%;border:1px solid #dbe4ea;border-radius:8px;background:#fff;color:#556479;font-size:12px;appearance:none;padding:12px 25px 12px 11px;outline:0}.filter-select svg{pointer-events:none;position:absolute;right:9px;width:14px;color:#8593a3}.filter-year{width:118px;flex-basis:118px}.list-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:14px}.list-caption>div:first-child{display:flex;gap:11px;align-items:center}.list-caption strong{font-size:12px}.list-caption #activeScope{font-size:11px;color:#8995a4;padding-left:11px;border-left:1px solid #d4dfe7}.list-tools{display:flex;gap:14px;align-items:center}.list-tools select{padding:8px 28px 8px 9px;font-size:11px;width:157px}.switch-label{font-size:11px;color:#728399;white-space:nowrap;display:flex;align-items:center;gap:6px}.switch-label input{accent-color:#087e87}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.result-card{position:relative;text-align:left;background:#fff;border:1px solid #e2e9ee;border-radius:10px;padding:16px;display:block;width:100%;min-height:133px;transition:transform .15s,border-color .15s,box-shadow .15s}.result-card:hover,.result-card:focus-visible{transform:translateY(-2px);border-color:#58abb0;box-shadow:0 8px 24px rgba(17,75,80,.08);outline:none}.card-top{display:flex;align-items:center;gap:9px;min-width:0}.small-logo{font-size:10px;background:#e7f3f5;color:#086e77;border:1px solid #d4e9ea;padding:6px 8px;font-weight:800;border-radius:6px;flex-shrink:0}.card-vehicle{font-size:12px;color:#24374b;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-make{font-size:10px;color:#8090a1;margin-top:3px;font-weight:500}.card-middle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 6px}.card-code{font-size:26px;letter-spacing:1.1px;font-weight:800;color:#102b44;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.card-arrow{border-radius:50%;display:grid;place-items:center;background:#edf8f8;color:#087e87;width:32px;height:32px;flex-shrink:0;font-size:20px}.card-desc{font-size:11px;color:#7c8b99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom{margin-top:11px;display:flex;justify-content:space-between;gap:7px;color:#9aa5b1;font-size:10px}.status-tag{display:inline-flex;align-items:center;border:1px solid #cde7e2;background:#e9f8f5;color:#147d73;border-radius:100px;font-size:10px;padding:5px 9px;font-weight:750;white-space:nowrap}.status-tag.legacy{background:#fff6e6;color:#a56b1f;border-color:#f0dfba}.status-tag.verify{color:#657588;background:#f0f3f8;border-color:#e5ebf1}.results-footer{display:flex;align-items:center;flex-direction:column;gap:12px;margin-top:20px}.disclaimer{font-size:10px;color:#9ca7b4;line-height:1.7;text-align:center;max-width:640px}.empty{padding:50px 20px;text-align:center}.empty[hidden],.overlay[hidden],#importSettings[hidden],.notice[hidden],.form-message[hidden]{display:none!important}.empty-icon{font-size:48px;color:#93a9b5}.empty h3{margin:10px 0;font-size:16px}.empty p{max-width:370px;margin:0 auto 20px;color:#8b97a6;line-height:1.6}footer{font-size:10px;color:#95a2b0;margin:28px 0 15px;text-align:center}footer span{margin:0 7px}dialog{border:0;border-radius:16px;box-shadow:0 25px 100px rgba(16,39,60,.25);padding:25px 27px;margin:auto;max-height:calc(100dvh - 32px);overflow-y:auto;width:min(610px,calc(100vw - 25px));color:var(--ink)}dialog::backdrop{background:rgba(11,29,48,.64);backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px;gap:12px}.modal-header h2{font-size:24px}.close-btn{font-size:27px;line-height:1;width:34px;height:34px;border-radius:8px;border:1px solid #e4eaef;background:#fff;color:#697889;display:grid;place-items:center}.scan-info{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e5ebf0;border-radius:9px;padding:12px 13px;margin:0 0 14px}.scan-info small{color:#8a97a5;font-weight:700;font-size:9px;display:block;letter-spacing:1px;margin-bottom:5px}.scan-info strong{display:block;font-size:13px}.barcode-panel{border:1px solid #e1e7ed;border-radius:12px;background:#fff;padding:16px;text-align:center}.panel-title{font-size:10px;letter-spacing:1.2px;color:#576a7d;font-weight:800;display:block;text-align:left}.panel-title small{display:block;font-size:8px;letter-spacing:.9px;color:#a3b0bc;margin:4px 0}.code128-host{margin:12px auto 1px;max-width:100%;overflow:hidden}.code128-host svg{display:block;width:100%;height:auto;max-height:190px}.scan-raw{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:23px;font-weight:800;letter-spacing:2px;margin:0 0 1px}.qr-section{display:flex;gap:20px;margin-top:16px;align-items:center}.qr-holder{flex:0 0 148px;width:148px;padding:8px;border:1px solid #e6edf1;border-radius:9px}.qr-holder svg{display:block;width:100%;height:auto}.qr-text{flex:1;min-width:0}.qr-text>strong{font-size:13px}.qr-text p{font-size:11px;color:#7c8997;line-height:1.6;margin:6px 0 11px}.meta-row{display:flex;justify-content:space-between;gap:7px;border-top:1px solid #e9eef2;padding:6px 0;font-size:10px}.meta-row span{color:#8e9ba8}.meta-row b{font-weight:700;max-width:63%;overflow-wrap:anywhere;text-align:right}.notice{background:#fff8ec;color:#8d601f;border-left:3px solid #e7a934;border-radius:5px;padding:11px 13px;margin:12px 0 0;font-size:11px;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;flex-wrap:wrap}.helper-note{font-size:10px;color:#8a98a6;line-height:1.6;margin-top:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#6c7a89}.form-grid label span{color:#d6676c}.form-grid .span2{grid-column:span 2}.form-grid input,.form-grid select{padding:12px 11px;width:100%;min-width:0;border:1px solid #dce4e9;border-radius:7px;font-size:13px;color:#172e44;background:white;outline:0}.form-grid input:focus,.form-grid select:focus{border-color:#087e87;box-shadow:0 0 0 3px #e7f6f6}.form-message{padding:10px;font-size:11px;line-height:1.5;background:#fff5ee;color:#9f5325;border-radius:7px;margin-top:13px}.modal-actions.split{justify-content:space-between}.modal-actions.split>div{display:flex;gap:8px}.import-tip{display:flex;flex-direction:column;gap:5px;background:#eff9f8;border:1px solid #d9eeec;padding:12px;border-radius:9px;color:#28636a;font-size:11px;margin-bottom:14px;line-height:1.55}.import-tip strong{font-size:12px}.upload-target{border:2px dashed #a9c8cb;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;cursor:pointer;padding:22px;color:#677d86;margin:0 0 17px}.upload-target:hover{background:#f6fbfb}.upload-target .upload-icon{background:#e5f4f3;color:#087d85;border-radius:10px;font-size:26px;padding:6px 15px}.upload-target strong{font-size:13px;color:#244856}.upload-target span{font-size:11px}.upload-target input{display:none}.import-preview-head{display:flex;justify-content:space-between;font-size:11px;align-items:center;margin:20px 0 9px}.import-preview-head small{font-size:10px;letter-spacing:1px;color:#99a5ae}.import-preview{border:1px solid #e1e7ed;border-radius:8px;max-height:180px;overflow:auto}.import-line{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;padding:9px 10px;border-bottom:1px solid #edf1f4;font-size:11px}.import-line:last-child{border-bottom:0}.import-line b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,35px);background:#1c3445;color:white;padding:13px 19px;border-radius:9px;box-shadow:0 12px 25px #17253744;font-size:12px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:1000;text-align:center;min-width:200px}.toast.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:1100px){.sidebar{width:207px;flex-basis:207px}.main-content{padding:33px 22px}.topbar{padding:0 23px}.stat{padding:17px 12px}.stat-icon{width:30px;height:30px;font-size:16px}.stats{gap:10px}}@media(max-width:860px){.stats{grid-template-columns:repeat(2,1fr)}.results-grid{grid-template-columns:1fr}.head-graphic{width:160px;height:96px}.filters{flex-wrap:wrap}.search-box{flex-basis:100%}.filter-select,.filter-year{flex:1 1 40%}.list-caption{flex-wrap:wrap}.list-caption .list-tools{width:100%;justify-content:space-between}}@media(max-width:690px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .2s;width:245px;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #00152722}.overlay{display:block;position:fixed;inset:0;background:#0b1d3066;z-index:3}.menu-toggle{display:block;border:0;background:none;color:#46596a;font-size:19px;margin-right:11px}.topbar{height:57px;padding:0 15px;justify-content:flex-start}.top-location{font-size:9px}.top-actions{margin-left:auto}.shortcut{display:none}.main-content{padding:28px 14px}.head-graphic{display:none}.page-head h1{font-size:41px;letter-spacing:-2px}.subtitle{font-size:12px;margin-bottom:21px}.stats{gap:9px;margin-bottom:30px}.stat{padding:14px 10px;gap:9px}.stat-icon{width:30px;height:30px}.stat-value{font-size:19px}.stat-label{font-size:10px}.stat-status .stat-value{font-size:14px}.lookup{padding:17px 14px}.section-head{align-items:flex-start;flex-direction:column}.head-buttons{width:100%}.head-buttons .btn{flex:1}.filter-select{min-width:0}.switch-label{font-size:10px}.list-tools select{width:141px}.result-card{min-height:125px}.card-code{font-size:25px}.qr-section{gap:12px}.qr-holder{width:124px;flex-basis:124px}.modal-header h2{font-size:21px}.scan-dialog{padding:16px}.edit-dialog,.import-dialog{padding:19px}.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:1}.modal-actions .btn{flex:1}footer{font-size:9px;line-height:1.9}}

:root{--qr-size:224px}.results-grid{grid-template-columns:1fr}.result-card{display:flex;align-items:center;gap:24px;cursor:default;text-align:left;min-width:0}.card-details{flex:1;min-width:0}.card-desc,.card-code,.card-bottom{overflow-wrap:anywhere}.card-qr{width:var(--qr-size);height:var(--qr-size);flex:0 0 var(--qr-size);background:#fff}.card-qr svg{display:block;width:100%;height:100%}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.qr-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:12px}.qr-controls label{font-weight:700;color:var(--ink)}.qr-controls input{width:160px;accent-color:var(--teal)}.qr-controls output{min-width:48px}.qr-controls span{margin-left:auto}.result-card:hover{transform:none}.result-card .card-top{flex-wrap:wrap}.qr-holder{width:var(--qr-size);flex-basis:var(--qr-size)}@media(max-width:690px){.result-card{flex-wrap:wrap;gap:16px}.card-details{flex-basis:100%}.card-qr{margin-inline:auto}.qr-section{flex-wrap:wrap}.qr-holder{max-width:100%}.qr-controls span{margin-left:0}}