:root{color-scheme:light;--ink:#101e33;--muted:#62748d;--line:#cfd7e3;--blue:#193e76}*{box-sizing:border-box}body{margin:0;background:#f2f5fa;color:var(--ink);font:15px/1.5 Lato,sans-serif}main{padding:0 20px 24px 0;max-width:2100px;margin:auto}.record-card{background:#fff;border:1px solid var(--line);border-radius:0 0 9px 9px;overflow:hidden}.card-heading{padding:10px 28px 20px;border-bottom:1px solid var(--line)}h1{font-size:20px;line-height:1.4;margin:0 0 6px;font-weight:700}.card-heading p{margin:0;color:var(--muted);letter-spacing:.15px}.fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:24px;row-gap:28px;padding:23px 28px 29px}.field{display:flex;flex-direction:column;gap:6px;min-width:0;font-weight:700;line-height:1.5}.required{color:#e53935;padding-left:7px}.field input,.field textarea{font:400 15px Lato,sans-serif;width:100%;min-width:0;height:58px;border:1px solid #c7d2e1;border-radius:7px;background:#f7f8fa;padding:14px;color:var(--ink);box-shadow:0 1px 2px #172d4b0a}.field textarea{height:90px;resize:vertical}.field input::placeholder{color:var(--muted);opacity:1}.field small{font-size:12px;line-height:1.5;color:var(--muted);font-weight:400;margin-top:1px}.field-phone{grid-column:2}.field-year{grid-column:4}.field-vin{grid-column:5}.field-model{grid-column:6}.card-footer{border-top:1px solid var(--line);background:#fafbfd;padding:19px 28px;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:82px}.card-footer>span{font-size:12px;color:var(--muted)}.form-actions{display:flex;align-items:center;gap:9px}button{font:700 15px Lato,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:#f4f7fa;color:var(--ink);box-shadow:0 1px 2px #1622380a}button:hover{background:#e9eef5}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:#12325f}.plus{font-size:23px;line-height:1;font-weight:400}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.register{margin-top:27px}.search-box{display:flex;align-items:center;gap:10px;background:white;border:1px solid #c2cddc;border-radius:7px;padding:8px 13px;color:#5c687b;min-height:45px}.search-box:focus-within{outline:3px solid #a3bce2;outline-offset:0;border-color:#7299d1}.search-box input{border:0;outline:0;background:transparent;font:15px Lato,sans-serif;min-width:0;flex:1;color:var(--ink)}.search-box input::placeholder{color:var(--muted);opacity:1}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:9px;margin-top:16px;background:#fff}.records-table{border-collapse:collapse;width:100%;min-width:1450px;table-layout:auto}.records-table th{font-size:13px;font-weight:700;background:#f3f5f8;text-align:left;white-space:nowrap;height:39px;padding:8px 14px;border-bottom:1px solid var(--line)}.records-table td{height:68px;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:pre-wrap;overflow-wrap:anywhere;max-width:240px;line-height:1.45}.records-table tbody tr:last-child td{border-bottom:0}.records-table tbody tr:hover{background:#fafcff}.records-table td:nth-child(3){width:78px;min-width:78px}.records-table td:nth-child(4){font-weight:700;min-width:148px}.action-column{width:56px}.records-table td.action-column{padding:8px}.icon-button{width:36px;min-height:36px;border:0;background:transparent;box-shadow:none;padding:6px;border-radius:5px}.icon-button:hover{background:#e8eef8}.delete-button:hover{background:#fff0f0;color:#b42328}.list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.pagination{display:flex;gap:8px}.pagination button{font-size:12px;min-height:34px;padding:5px 12px}a{color:var(--blue);text-underline-offset:3px;font-size:13px}.additional{margin:0 28px 24px;border-top:1px solid var(--line);padding-top:12px}.additional summary{cursor:pointer;color:var(--muted);font-size:13px}.additional .fields{padding:16px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.additional button{font-size:13px}.import-panel{margin-top:24px;border:1px solid var(--line);border-radius:8px;background:white;font-size:13px}.import-panel>summary{padding:14px 20px;cursor:pointer;font-weight:700}.import-panel section{padding:0 20px 20px}.section-heading{display:flex;align-items:center;justify-content:space-between}h2{font-size:17px}.eyebrow,.tag{font-size:12px;color:var(--muted)}.file-label{display:block;margin:18px 0}.file-label input{display:block;margin-top:6px;max-width:100%}.hint{font-size:12px;color:var(--muted)}#preview-table{max-height:260px}#preview-table table{border-collapse:collapse;font-size:12px}#preview-table th,#preview-table td{border:1px solid var(--line);padding:8px;min-width:120px;white-space:pre-wrap}#edit-status,#delete-status{margin:0;padding:10px 28px;font-size:13px;color:#193e76;background:#edf3fb}#delete-status{margin-top:12px;border:1px solid var(--line);border-radius:5px}footer{padding:22px 0;color:var(--muted);font-size:12px}footer nav{display:flex;gap:20px}footer p{margin-bottom:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:3px solid #92b4e4;outline-offset:2px}[hidden]{display:none!important}@media(max-width:1100px){.fields{grid-template-columns:repeat(3,minmax(0,1fr))}.field-phone,.field-year,.field-vin,.field-model{grid-column:auto}}@media(max-width:650px){main{padding:0 10px 20px}.card-heading{padding:16px}.fields{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 16px;gap:20px 14px}.field input{font-size:14px}.card-footer{padding:16px;align-items:flex-start;flex-direction:column}.form-actions{align-self:flex-end;flex-wrap:wrap}h1{font-size:18px}.card-heading p{font-size:14px}.additional{margin:0 16px 20px}.additional .fields{grid-template-columns:1fr}.list-footer{flex-wrap:wrap}.search-box input{font-size:14px}.register{margin-top:20px}}@media(max-width:380px){.fields{grid-template-columns:1fr}}
#editor{font-size:13px}
#editor h1{font-size:18px}
#editor .card-heading p{font-size:13px}
#editor .field input,#editor .field textarea,#editor button{font-size:13px}
#editor .field small,#editor .card-footer>span{font-size:11px}
#editor .card-heading{padding:12px 20px}
#editor .fields{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 16px;padding:16px 20px}
#editor .field{grid-column:auto;gap:4px}
#editor .field>span{min-height:20px}
#editor .field input{height:40px;padding:9px 10px}
#editor .field textarea{height:70px;padding:9px 10px}
#editor .card-footer{padding:12px 20px;min-height:60px}
#editor button{min-height:36px;padding:6px 12px}
#editor .additional{margin:0 20px 16px}
#editor .additional .fields{padding:12px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){#editor .fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#editor .card-heading,#editor .card-footer{padding:12px 16px}#editor .fields{padding:14px 16px;gap:12px}#editor .additional{margin:0 16px 14px}#editor .additional .fields{grid-template-columns:1fr;padding:12px 0}}
@media(max-width:380px){#editor .fields{grid-template-columns:1fr}}