@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/kp-font-0.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/kp-font-1.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/kp-font-2.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kp-font-3.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/kp-font-4.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/kp-font-5.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/kp-font-6.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/kp-font-7.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/kp-font-8.ttf) format("truetype")}body:has(.app-shell){background:#f3f5f7;background-image:none}.app-shell{--blue:#2364d9;--navy:#172638;--muted:#657487;--line:#dfe5ec;--bg:#f3f5f7;color:var(--navy)}.app-shell .sidebar{width:224px;padding:28px 16px 18px;background:#152536;border-right:1px solid #26374a;box-shadow:none;color:#f2f5fa}.app-shell .brand{padding:0 8px;gap:10px;font-size:18px;letter-spacing:-.5px;line-height:1.35;color:#f5f8fc}.app-shell .brand-mark{background:#2868dc;box-shadow:none;border-radius:8px;width:38px;height:38px;font-size:22px;flex-shrink:0}.app-shell .brand small{color:#93a6bd;font-size:9px;letter-spacing:1.8px;margin-top:5px}.app-shell .workspace-label{margin:38px 12px 14px;color:#8fa1b7;font-size:10px;letter-spacing:1px}.app-shell .nav-item{padding:11px 12px;border-radius:7px;color:#c0ccda;font-size:14px;transition:background .15s,color .15s}.app-shell .nav-item>svg{width:19px;height:19px;stroke-width:1.7;color:#9fb2c9;flex-shrink:0}.app-shell .nav-item:hover{background:#20354b}.app-shell .nav-item.active{background:#27496c;color:#fff;box-shadow:inset 3px 0 #66a5ff}.app-shell .nav-item.active>svg{color:#a8ccff}.app-shell .nav-item>span{background:#2d435b;color:#d6e4f4;border-radius:4px;font-size:11px;min-width:23px;text-align:center}.app-shell .nav-item .nav-count{background:#594333;color:#ffd5a0}.app-shell .sidebar-bottom{padding:14px 8px;border:0;border-top:1px solid #304155;background:none;border-radius:0;gap:10px}.app-shell .sidebar-bottom b{color:#eaf0f8}.app-shell .sidebar-bottom small{color:#a0afc0}.app-shell .sidebar-bottom .avatar{background:#2b415c;color:#c6dcff;border:0;box-shadow:none;border-radius:8px}.app-shell .close-sidebar{color:#fff}.app-shell .main-wrap{margin-left:224px}.app-shell .topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px}.app-shell .breadcrumb{color:#718095;gap:10px}.app-shell .breadcrumb span{color:#293b51;font-weight:600}.app-shell .top-actions{gap:14px}.app-shell .avatar{background:#edf2f8;color:#335b89;box-shadow:none;border:1px solid #e0e7f0}.app-shell .bell-button{border:1px solid #e5eaf0;background:#fff;color:#53647a;border-radius:7px;padding:8px}.app-shell .bell-button i{background:#cc3d4c;border-color:#fff}.app-shell .profile-button b{color:#20354b}.app-shell .profile-button small{color:#718095}.app-shell main{padding:24px 30px 32px;max-width:1560px}.app-shell h1{letter-spacing:-.4px;color:#172638}.app-shell h2{color:#263b53}.app-shell .primary-button{background:#2364d9;box-shadow:none;border-radius:7px;font-weight:600}.app-shell .primary-button:not(:disabled):hover{background:#194faf}.app-shell .secondary-button{border-color:#dce3ec;color:#405571;border-radius:7px;font-weight:500;box-shadow:none}.app-shell .secondary-button:not(:disabled):hover{background:#f1f5fa;border-color:#b9c9df}.app-shell .danger-outline{background:#fff;border-color:#edc9ce;color:#b63848;border-radius:7px;font-weight:500}.app-shell .danger-outline:not(:disabled):hover{background:#fff2f3}.app-shell a svg,.app-shell button svg{stroke-width:1.8;flex-shrink:0}.app-shell .stock-toolbar{border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin-bottom:20px;gap:12px}.app-shell .stock-search{gap:8px}.app-shell .stock-search .search-box{background:#fff;border:1px solid #dce3ec;border-radius:7px;height:46px;color:#71839a}.app-shell .stock-search .search-box:focus-within{border-color:#6393db;box-shadow:0 0 0 3px #e5edfa}.app-shell .stock-search input{font-size:14px;color:#25374d}.app-shell .stock-search input::placeholder{color:#8290a2}.app-shell .stock-toolbar .primary-button{min-height:46px;padding:10px 18px}.app-shell .stock-heading{margin:0 0 14px}.app-shell .stock-heading h1{font-size:25px;font-weight:700}.app-shell .stock-summary{border:1px solid var(--line);box-shadow:none;border-radius:8px;padding:14px 16px;gap:22px;margin-bottom:14px;align-items:center}.app-shell .stock-total{border:0;background:none;padding:0 0 0 38px;min-height:32px;border-radius:0;gap:8px;color:#273e59;font-size:13px}.app-shell .stock-total b{color:#172638;font-size:24px}.app-shell .stock-total-icon{padding:0;background:none;border-radius:0;left:0;color:#4978b2;width:24px;height:24px}.app-shell .stock-total.selected{background:none;color:#2364d9}.app-shell .stock-total.selected b{color:#2364d9}.app-shell .stock-summary-heading{flex-shrink:0}.app-shell .stock-summary-heading p{font-size:10px;color:#77869a;margin-top:5px}.app-shell .stock-summary-types{gap:7px;align-items:center;flex-wrap:wrap;min-width:0}.app-shell .stock-summary-types>strong{font-size:12px;color:#6a7b91;white-space:nowrap}.app-shell .filter-chip{background:#f5f7fa;border:1px solid #e5eaf0;border-radius:5px;font-size:12px;color:#52677f;min-height:32px;padding:6px 9px;gap:6px;box-shadow:none;font-weight:500}.app-shell .filter-chip:not(.selected):hover{background:#edf2f9;border-color:#c5d2e3}.app-shell .filter-chip.selected{background:#edf3fd;border-color:#b8cff3;color:#215fc9;box-shadow:none}.app-shell .chip-count{border-radius:3px;color:#5b718b;background:#e9edf3;font-size:10px}.app-shell .filter-chip.selected .chip-count{background:#dce9fc;color:#215fc9}.app-shell .stock-filters{border:1px solid var(--line);box-shadow:none;border-radius:8px;padding:14px 16px;gap:9px;margin-bottom:14px}.app-shell .filter-chip-row{gap:14px;align-items:center}.app-shell .filter-chip-row>strong{min-width:82px;font-size:12px;color:#5f7188;gap:7px;font-weight:500}.app-shell .filter-chip-row>strong>svg{box-sizing:border-box;padding:0;background:none;color:#7a8ca4;width:17px;height:17px;border-radius:0}.app-shell .filter-chips{gap:7px}.app-shell .filter-chip-row .filter-chip{background:#fff;color:#52677f;border-color:#e4e9ef}.app-shell .filter-chip-row .filter-chip>svg{color:#8393a7}.app-shell .filter-chip-row[data-filter-label="สถานะรถ"] .chip-color-2>svg{color:#b87d20}.app-shell .filter-chip-row[data-filter-label="สถานะรถ"] .chip-color-3>svg{color:#259462}.app-shell .filter-chip-row[data-filter-label="สถานะรถ"] .chip-color-4>svg{color:#bc8726}.app-shell .filter-chip-row .filter-chip.selected{background:#2364d9;border-color:#2364d9;color:#fff}.app-shell .filter-chip-row .filter-chip.selected>svg{color:#fff}.app-shell .filter-chip-row .filter-chip.selected .chip-count{background:#ffffff25;color:#fff}.app-shell .filter-chip-row .filter-chip.cut-filter{color:#bb3546;border-color:#efcdd2;background:#fff8f9}.app-shell .filter-chip-row .filter-chip.cut-filter.selected{background:#b63848;border-color:#b63848;color:#fff}.app-shell .stock-controls{margin:0 0 8px;gap:12px;align-items:center}.app-shell .stock-view-switch{gap:6px}.app-shell .stock-view-switch button{background:#fff;color:#677a92;border-color:#dfe5ec;border-radius:6px;font-size:12px;min-height:38px;padding:8px 12px;box-shadow:none;gap:7px}.app-shell .stock-view-switch button.selected{background:#edf3fd;border-color:#b8cff3;color:#215fc9;box-shadow:none}.app-shell .stock-controls select{border:1px solid #dfe5ec;background:#fff;border-radius:6px;color:#405571;min-height:38px}.app-shell .result-actions{gap:12px;color:#758599;font-size:12px}.app-shell .filter-button{border-radius:6px;background:#fff;border-color:#dfe5ec;min-height:38px;font-size:12px;color:#61758e}.app-shell .stock-bottom-tools{margin:4px 0 14px;font-size:12px;color:#718197;gap:12px}.app-shell .reset-stock-filters,.app-shell .stock-tracking summary{font-size:12px;color:#58769a}.app-shell .extra-filters{border:1px solid var(--line);border-radius:7px;background:#fff;padding:12px;margin:10px 0}.app-shell .stock-view-list{gap:14px}.app-shell .vehicle-card{border:1px solid var(--line);border-radius:9px;box-shadow:none;transition:border-color .15s}.app-shell .vehicle-card:hover{border-color:#b4c4d8;box-shadow:none;transform:none}.app-shell .vehicle-card:hover img{transform:none}.app-shell .vehicle-content{padding:18px}.app-shell .vehicle-title h3{font-size:24px;color:#182b40;line-height:1.35;margin:0 0 5px;font-weight:750;letter-spacing:-.4px}.app-shell .vehicle-title h3 small{color:#708196;font-size:12px;font-weight:500}.app-shell .vehicle-title h4{color:#334a64;font-size:16px;font-weight:600;line-height:1.45;margin:0 0 8px}.app-shell .stock-code{font-size:10px;color:#8491a2}.app-shell .vehicle-spec{font-size:12px;color:#61748c;gap:5px;margin:12px 0}.app-shell .badge{font-size:11px;line-height:1.4;padding:5px 8px;border-radius:5px;font-weight:600;box-shadow:none}.app-shell .status-0{background:#eaf1fc;color:#3866a8}.app-shell .status-1{background:#fff3dd;color:#956516}.app-shell .status-2{background:#e8f6ec;color:#257948}.app-shell .status-3{background:#fff1d6;color:#9b6b19}.app-shell .status-4,.app-shell .status-5{background:#edf0f5;color:#5c6f85}.app-shell .cut-vehicle-badge{border-radius:5px;padding:5px 8px;font-size:11px;line-height:1.4;background:#fff0f2;color:#ba3448;border-color:#efc1c9}.app-shell .vehicle-status-detail{border-radius:5px;background:#fff1d6;color:#8a5d13;border-color:#ecd49f;font-weight:600}.app-shell .photo-count{border:0;border-radius:4px;background:#1b2d40e8;padding:4px 7px;font-size:11px}.app-shell .body-details{border:0;border-left:2px solid #c6d6eb;background:#f6f8fb;border-radius:0 5px 5px 0;padding:8px 10px;margin:12px 0}.app-shell .body-details>span{font-size:10px;color:#7a8ba0}.app-shell .body-details>span>svg{width:13px;height:13px}.app-shell .body-details p{font-size:13px;color:#3f5875;margin-top:4px;line-height:1.7}.app-shell .vehicle-card-facts{background:#f8fafc;border:1px solid #e7ecf2;border-radius:6px;padding:10px;gap:6px;margin:12px 0}.app-shell .card-fact>span{font-size:11px;color:#7b8ba1}.app-shell .card-fact>span>svg{color:#8797aa}.app-shell .card-fact>b{font-size:12px;color:#425973}.app-shell .sale-term-tag{background:#eef3f9;color:#536d8f;font-size:11px;padding:4px 8px;border-radius:4px;margin:8px 0}.app-shell .album-summary,.app-shell .current-photo-summary{font-size:11px;color:#7a8ba1;border-color:#e7ecf2;gap:6px;padding:10px 0;margin:10px 0}.app-shell .album-summary svg,.app-shell .current-photo-summary svg{color:#8b9bb0;width:14px;height:14px}.app-shell .updated-at{font-size:10px;color:#8d99a9;margin:8px 0}.app-shell .stock-age{border-radius:6px;padding:10px 12px;margin:12px 0;gap:8px}.app-shell .stock-age-value strong{font-size:21px}.app-shell .card-actions{gap:7px;margin-top:12px;padding:0}.app-shell .card-actions .primary-button{background:#edf3fc;border:1px solid #dce7f6;color:#386db7;box-shadow:none}.app-shell .card-actions .secondary-button{background:#fff;color:#536d8c}.app-shell .stock-card-delete{font-size:11px;min-height:34px;margin-top:8px;padding:7px;box-shadow:none}.app-shell .list-status{display:none}.app-shell .vehicle-list-card{display:grid;grid-template-columns:220px minmax(0,1fr);padding:14px;gap:20px;align-items:start}.app-shell .vehicle-list-card .vehicle-image{width:100%;height:180px;aspect-ratio:auto;min-width:0;border-radius:6px;align-self:start}.app-shell .vehicle-list-card .vehicle-image>.vehicle-status-label{display:none}.app-shell .vehicle-list-card .vehicle-content{padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.85fr);gap:8px 22px;min-width:0;align-items:start}.app-shell .vehicle-list-card .list-status{display:block;grid-column:2;grid-row:1;justify-self:end;max-width:100%}.app-shell .list-status .vehicle-status-label{position:static;max-width:100%;gap:5px;align-items:flex-end}.app-shell .list-status .vehicle-status-badges{justify-content:flex-end}.app-shell .list-status .reservation-badge{margin-top:0;font-size:11px}.app-shell .vehicle-list-card .vehicle-title{grid-column:1;grid-row:1;min-width:0;padding:0}.app-shell .vehicle-list-card .vehicle-title h3{font-size:22px}.app-shell .vehicle-list-card .vehicle-title h4{font-size:15px;margin-bottom:5px}.app-shell .vehicle-list-card .ad-indicator{display:inline-flex;margin:0 0 0 10px;font-size:10px}.app-shell .vehicle-list-card .vehicle-spec{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:5px 12px;margin:0;font-size:12px}.app-shell .vehicle-list-card .body-details{grid-column:1;grid-row:3;margin:0;padding:7px 9px}.app-shell .vehicle-list-card .body-details p{line-clamp:3;-webkit-line-clamp:3;font-size:12px}.app-shell .vehicle-list-card .sale-term-tag{grid-column:1;grid-row:4;margin:0;justify-self:start}.app-shell .vehicle-list-card .vehicle-card-facts{grid-column:2;grid-row:2/span 3;align-self:start;background:none;border:0;border-left:1px solid #e7ecf2;border-radius:0;padding:0 0 0 16px;margin:0;gap:7px}.app-shell .vehicle-list-card .current-photo-summary{grid-column:1;grid-row:5;margin:0;padding:5px 0;border:0;flex-wrap:wrap}.app-shell .vehicle-list-card .stock-age{grid-column:2;grid-row:5;margin:0;padding:6px 9px;align-self:center}.app-shell .vehicle-list-card .stock-age svg{width:16px;height:16px}.app-shell .vehicle-list-card .stock-age-value strong{font-size:17px}.app-shell .vehicle-list-card .stock-age-value span{font-size:10px}.app-shell .vehicle-list-card .stock-age>div>small{font-size:9px}.app-shell .vehicle-list-card .updated-at{grid-column:1;grid-row:6;align-self:center;margin:0;font-size:10px}.app-shell .vehicle-list-card .card-actions{grid-column:2;grid-row:6;margin:0;display:flex;justify-content:flex-end}.app-shell .vehicle-list-card .card-actions>a,.app-shell .vehicle-list-card .card-actions>button{flex:1;font-size:11px;min-height:34px;padding:8px 10px;white-space:nowrap}.app-shell .vehicle-list-card .stock-card-delete{grid-column:2;grid-row:7;justify-self:end;width:auto;margin:0;padding:5px 8px;min-height:28px;font-size:10px;border-color:transparent;color:#a3616b;background:none}.app-shell .vehicle-list-card .stock-card-delete:hover{background:#fff1f3;border-color:#edc9ce}.app-shell .stock-table-scroll{border:1px solid var(--line);border-radius:8px}.app-shell .stock-table{color:#405571}.app-shell .stock-table thead th{background:#edf1f6;color:#62758f;font-weight:600;font-size:11px}.app-shell .stock-table tbody tr:hover .table-vehicle,.app-shell .stock-table tbody tr:hover td{background:#f7f9fc}.app-shell .stock-table .table-vehicle b{color:#1a304c}.app-shell .stock-table .table-vehicle span{color:#4b6380;font-weight:500}.app-shell .stock-table .table-thumb{border-radius:5px}.app-shell .stock-table .body-details{background:none;border:0;padding:0;margin:6px 0}.app-shell .vehicle-card:has(.reservation-badge.overdue),.app-shell .vehicle-detail-top:has(.reservation-badge.overdue){border-color:#dd97a2;box-shadow:none;background:#fffafb}.app-shell .vehicle-card:has(.reservation-badge.overdue) .vehicle-content{background:transparent}.app-shell .vehicle-detail-top{border:1px solid var(--line);border-radius:9px;box-shadow:none;padding:22px;gap:26px;background:#fff}.app-shell .detail-info h1{color:#172c44;font-size:29px}.app-shell .detail-info h2{font-size:19px;color:#38516e}.app-shell .detail-info h1 small{color:#6d8098;font-size:14px}.app-shell .detail-cover{border-radius:7px}.app-shell .detail-cover>button{border-radius:5px;box-shadow:none;font-size:11px;color:#425d7e}.app-shell .cover-thumbnails>button{border-radius:5px;border:1px solid #e0e7f0}.app-shell .detail-specs{border:1px solid #e6ebf1;border-radius:6px;background:#f8fafc;padding:16px;gap:14px}.app-shell .detail-specs dt{color:#7a8ca2;font-size:11px}.app-shell .detail-specs dd{color:#334d6b;font-size:13px;font-weight:500}.app-shell .detail-price{background:#f1f5fb;border-color:#dfe7f2;border-radius:6px;color:#667e9c}.app-shell .detail-price b{color:#255caf}.app-shell .notes{background:#fffaed;border-color:#e8d9b3 #e8d9b3 #e8d9b3 #c7a14d;border-radius:6px}.app-shell .notes p{color:#5d4d2e;font-size:14px;line-height:1.9}.app-shell .ad-work-panel,.app-shell .album-panel,.app-shell .documents-panel,.app-shell .extras-panel,.app-shell .history-panel,.app-shell .vehicle-audit,.app-shell .vehicle-status-panel{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:none}.app-shell .ad-work-heading h2,.app-shell .extras-panel>h2,.app-shell .section-top h2,.app-shell .vehicle-status-panel h2{font-size:16px;font-weight:600;color:#344e6d}.app-shell .ad-work-heading>svg,.app-shell .extras-panel>h2>svg,.app-shell .section-top h2>svg,.app-shell .vehicle-audit>summary h2>svg{box-sizing:border-box;background:none;padding:0;border-radius:0;stroke-width:1.8;width:20px;height:20px;color:#617c9e}.app-shell .document-count,.app-shell .section-top>span{background:#f0f3f7;color:#6c819e;border-radius:4px;font-size:11px;padding:3px 7px}.app-shell .current-photo-actions{background:#f7f9fc;border:1px solid #e4eaf2;border-radius:6px;padding:10px;gap:8px}.app-shell .photo-tile{border-radius:6px;box-shadow:none;border-color:#e0e7ef}.app-shell .album-empty,.app-shell .documents-empty{background:#f8fafc;border-color:#dde5ef;border-radius:6px;color:#7b8da5}.app-shell .document-attach{background:#f8fafc;border-color:#e1e7ef;border-radius:6px}.app-shell .document-item,.app-shell .video-item{border-radius:7px;border-color:#e1e7ef;box-shadow:none}.app-shell .audit-entry{background:#fbfcfe;border-color:#e5eaf1;border-radius:6px}.app-shell .reservation-days-field{border-color:#dde5f0;background:#f7f9fc;border-radius:6px}.app-shell .notification-panel{top:62px;border-color:#dde5f0;border-radius:9px;box-shadow:0 10px 36px #15253620}.app-shell .notification-panel .alert-icon{border-radius:6px}.app-shell .timeline-dot{box-shadow:none}.app-shell .footer{color:#8b97a8;font-size:10px;border-color:#e2e7ee;padding:20px 30px}.app-shell .mobile-nav{border-color:#e0e7ef}.app-shell .mobile-nav>a.active{color:#2364d9}.edit-modal{border-color:#dfe5ec;border-radius:10px;box-shadow:0 16px 50px #15253625}.edit-modal input,.edit-modal select,.edit-modal textarea{background:#fff;border-color:#dce3ec;border-radius:6px}@media(min-width:1450px){.app-shell .stock-view-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1150px){.app-shell .sidebar{width:200px;padding:24px 12px 16px}.app-shell .brand{font-size:16px}.app-shell .brand-mark{width:34px;height:34px;font-size:20px}.app-shell .main-wrap{margin-left:200px}.app-shell main{padding:20px 22px 28px}.app-shell .topbar{padding:0 22px}.app-shell .vehicle-list-card{grid-template-columns:175px minmax(0,1fr);padding:12px;gap:16px}.app-shell .vehicle-list-card .vehicle-image{height:160px}.app-shell .vehicle-list-card .vehicle-content{grid-template-columns:minmax(0,1fr) minmax(150px,.85fr);gap:7px 14px}.app-shell .vehicle-list-card .vehicle-title h3{font-size:20px}.app-shell .stock-summary{gap:14px}}@media(min-width:768px) and (max-width:980px){.app-shell .vehicle-list-card{grid-template-columns:150px minmax(0,1fr);gap:14px}.app-shell .vehicle-list-card .vehicle-content{grid-template-columns:minmax(0,1fr)}.app-shell .vehicle-list-card .list-status{grid-column:1;grid-row:2;justify-self:start}.app-shell .list-status .vehicle-status-label{align-items:flex-start}.app-shell .list-status .vehicle-status-badges{justify-content:flex-start}.app-shell .vehicle-list-card .vehicle-spec{grid-row:3}.app-shell .vehicle-list-card .body-details{grid-row:4}.app-shell .vehicle-list-card .sale-term-tag{grid-row:5}.app-shell .vehicle-list-card .vehicle-card-facts{grid-column:1;grid-row:6;border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}.app-shell .vehicle-list-card .current-photo-summary{grid-row:7}.app-shell .vehicle-list-card .stock-age{grid-column:1;grid-row:8}.app-shell .vehicle-list-card .updated-at{grid-row:9}.app-shell .vehicle-list-card .card-actions{grid-column:1;grid-row:10}.app-shell .vehicle-list-card .stock-card-delete{grid-column:1;grid-row:11}}@media(max-width:767px){.app-shell .sidebar{display:none}.app-shell .sidebar.mobile-open{display:flex;background:#152536;width:260px;max-width:85vw;padding:28px 16px 18px}.app-shell .main-wrap{margin-left:0}.app-shell .topbar{height:62px;padding:0 16px;background:#fff}.app-shell .mobile-brand{color:#263c56;font-size:15px}.app-shell main{padding:18px 14px 24px}.app-shell .top-actions{gap:8px}.app-shell .mobile-menu{color:#496380}.app-shell .stock-toolbar{gap:7px;margin-bottom:16px}.app-shell .stock-search .search-box{height:44px;padding:0 10px}.app-shell .stock-search input{font-size:14px}.app-shell .stock-toolbar .search-submit{display:none}.app-shell .stock-toolbar .add-vehicle{width:44px;min-height:44px;padding:0;border-radius:6px}.app-shell .stock-heading{margin-bottom:10px}.app-shell .stock-heading h1{font-size:22px}.app-shell .stock-summary{padding:11px 12px;margin-bottom:10px;display:block}.app-shell .stock-summary-heading{gap:8px;flex-wrap:wrap}.app-shell .stock-summary-heading p{margin:0;max-width:160px;font-size:9px}.app-shell .stock-total{padding-left:30px;min-height:30px;gap:6px}.app-shell .stock-total b{font-size:22px}.app-shell .stock-total-icon{width:21px;height:21px}.app-shell .stock-summary-types{flex-wrap:nowrap;margin-top:9px;overflow-x:auto}.app-shell .stock-summary-types>strong{font-size:11px}.app-shell .stock-filters{padding:10px 12px;gap:8px;margin-bottom:12px}.app-shell .filter-chip-row{gap:8px}.app-shell .filter-chip-row>strong{min-width:65px;font-size:11px;gap:5px}.app-shell .filter-chip-row>strong>svg{width:14px;height:14px}.app-shell .filter-chip{min-height:30px;font-size:11px;padding:5px 7px}.app-shell .filter-chips{gap:6px}.app-shell .stock-controls{display:block;margin-bottom:8px}.app-shell .stock-view-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.app-shell .stock-view-switch button{font-size:11px;min-height:40px;padding:7px 4px;gap:5px}.app-shell .stock-view-switch svg{width:15px;height:15px}.app-shell .result-actions{margin-top:8px;justify-content:flex-end;gap:9px;font-size:11px}.app-shell .stock-controls select{min-height:34px}.app-shell .filter-button{min-height:34px;font-size:11px}.app-shell .stock-bottom-tools{font-size:11px;gap:8px;margin:8px 0 12px}.app-shell .stock-tracking summary{font-size:11px}.app-shell .vehicle-list-card{grid-template-columns:minmax(90px,30%) minmax(0,1fr);padding:11px;gap:12px}.app-shell .vehicle-list-card .vehicle-image{height:130px;aspect-ratio:auto}.app-shell .vehicle-list-card .vehicle-content{grid-template-columns:minmax(0,1fr);gap:7px}.app-shell .vehicle-list-card .vehicle-title{grid-column:1;grid-row:1}.app-shell .vehicle-list-card .vehicle-title h3{font-size:20px}.app-shell .vehicle-list-card .vehicle-title h4{font-size:13px}.app-shell .vehicle-list-card .ad-indicator{font-size:9px;margin-left:5px}.app-shell .vehicle-list-card .list-status{grid-column:1;grid-row:2;justify-self:start}.app-shell .list-status .vehicle-status-label{align-items:flex-start}.app-shell .list-status .vehicle-status-badges{justify-content:flex-start}.app-shell .vehicle-list-card .vehicle-spec{grid-column:1;grid-row:3;font-size:11px;gap:4px 9px}.app-shell .vehicle-list-card .body-details{grid-column:1;grid-row:4}.app-shell .vehicle-list-card .body-details>span{font-size:9px}.app-shell .vehicle-list-card .body-details p{font-size:11px}.app-shell .vehicle-list-card .sale-term-tag{grid-column:1;grid-row:5;font-size:10px}.app-shell .vehicle-list-card .vehicle-card-facts{grid-column:1;grid-row:6;border:0;padding:0;gap:5px}.app-shell .vehicle-list-card .card-fact>span{font-size:10px}.app-shell .vehicle-list-card .card-fact>b{font-size:11px}.app-shell .vehicle-list-card .current-photo-summary{grid-column:1;grid-row:7;font-size:10px;gap:4px}.app-shell .vehicle-list-card .stock-age{grid-column:1;grid-row:8;padding:6px}.app-shell .vehicle-list-card .stock-age>svg{display:none}.app-shell .vehicle-list-card .updated-at{grid-column:1;grid-row:9;font-size:9px}.app-shell .vehicle-list-card .card-actions{grid-column:1;grid-row:10;flex-wrap:wrap}.app-shell .vehicle-list-card .card-actions>a,.app-shell .vehicle-list-card .card-actions>button{font-size:10px;min-height:36px;padding:7px 8px}.app-shell .vehicle-list-card .stock-card-delete{grid-column:1;grid-row:11}.app-shell .vehicle-content{padding:15px}.app-shell .vehicle-title h3{font-size:23px}.app-shell .vehicle-title h4{font-size:16px}.app-shell .vehicle-detail-top{padding:14px;gap:18px;border-radius:8px}.app-shell .detail-info h1{font-size:26px}.app-shell .section-top h2{font-size:15px}.app-shell .section-top h2>svg{width:18px;height:18px}.app-shell .section-top{gap:8px}.app-shell .current-photo-actions{padding:8px}.app-shell .current-photo-actions button{font-size:12px}.app-shell .notification-panel{top:60px;right:12px;width:calc(100vw - 24px);border-radius:8px}.app-shell .footer{padding:18px 14px 86px}.app-shell .mobile-nav{background:#fff;height:66px}}@media(prefers-reduced-motion:reduce){.app-shell .nav-item,.app-shell .vehicle-card{transition:none}}.app-shell .vehicle-list-card .vehicle-spec{flex-direction:row}.app-shell .vehicle-list-card .vehicle-image{float:none;margin:0}.app-shell .vehicle-list-card .vehicle-title{display:block}.app-shell .vehicle-list-card .stock-code{display:inline-block}.app-shell .vehicle-list-card .updated-at{display:block}.app-shell .stock-view-switch{padding-top:0}@media(min-width:1250px){.app-shell .vehicle-list-card .vehicle-content{grid-template-columns:minmax(0,1.15fr) minmax(180px,.9fr) 180px;gap:7px 18px}.app-shell .vehicle-list-card .list-status{grid-column:3;grid-row:1}.app-shell .vehicle-list-card .vehicle-card-facts{grid-column:2;grid-row:1/span 4}.app-shell .vehicle-list-card .stock-age{grid-column:3;grid-row:2/span 2;align-self:start}.app-shell .vehicle-list-card .card-actions{grid-column:3;grid-row:4/span 2;display:grid;grid-template-columns:1fr;gap:6px;align-self:end}.app-shell .vehicle-list-card .stock-card-delete{grid-column:3;grid-row:6}.app-shell .vehicle-list-card .vehicle-spec{grid-row:2}.app-shell .vehicle-list-card .body-details{grid-row:3}.app-shell .vehicle-list-card .sale-term-tag{grid-row:4}.app-shell .vehicle-list-card .current-photo-summary{grid-row:5}.app-shell .vehicle-list-card .updated-at{grid-row:6}}@media(max-width:767px){.app-shell .vehicle-list-card .photo-count{display:flex;bottom:7px;right:7px;font-size:10px;padding:3px 5px}.app-shell .vehicle-list-card .vehicle-title h3 small{display:block;margin-top:3px;font-size:11px}}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.app-shell .main-wrap .integrations-page{color:#203b57;max-width:1400px;margin:auto}.integrations-page header{margin-bottom:22px}.integrations-page h1{font-size:28px;font-weight:750}.integrations-page p{color:#49627c;line-height:1.8}.integration-panel{background:#fff;border:1px solid #dce6f1;border-radius:15px;margin-bottom:20px;padding:22px}.integration-panel h2{align-items:center;gap:9px;margin-bottom:12px;font-size:20px;font-weight:700;display:flex}.integration-controls{flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0;display:flex}.integration-panel input,.integration-panel select,.integration-panel textarea,.sale-contact-input,.sale-post-editor textarea{color:#203b57;background:#fff;border:1px solid #cbd9e9;border-radius:8px;min-width:0;max-width:100%;padding:11px}.integration-panel input{flex:1;min-width:180px}.integration-panel>label{gap:6px;margin-bottom:12px;display:grid}.integration-table{border:1px solid #dce6f1;border-radius:10px;margin-top:16px;overflow-x:auto}.integration-table table{border-collapse:collapse;width:100%;min-width:800px;font-size:13px}.integration-table th{text-align:left;background:#edf3fa}.integration-table td,.integration-table th{vertical-align:top;border-bottom:1px solid #e7edf5;padding:12px}.integration-panel small{color:#526981}.integration-secret{background:#fff9e9;border:1px solid #e8cb7d;border-radius:10px;flex-wrap:wrap;gap:10px;margin:16px 0;padding:16px;display:flex}.integration-secret textarea{overflow-wrap:anywhere;width:100%;font:13px monospace}.integration-key-list{margin-top:15px;list-style:none}.integration-key-list li{border-top:1px solid #e5edf5;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.integration-key-list small{margin-top:5px;display:block}.integration-panel ol{margin:12px 0;padding-left:24px;line-height:1.9}.integration-panel li{margin-bottom:8px}.integration-message{overflow-wrap:anywhere;background:#edf5ff;border:1px solid #c3d8f5;border-radius:9px;margin-bottom:15px;padding:12px 16px}.sale-post-modal{width:100%;max-width:720px;padding:22px}.sale-post-editor{border-top:1px solid #dce6f1;margin-top:18px;padding-top:18px}.sale-post-editor h3{font-size:18px;font-weight:700}.sale-post-editor p{color:#526981;font-size:13px;line-height:1.7}.sale-post-editor>label{gap:7px;margin:13px 0;font-size:13px;display:grid}.sale-post-editor textarea{resize:vertical;width:100%;min-height:230px;font:14px/1.7 inherit}.download-select-actions,.sale-post-actions,.sale-post-options{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.sale-post-options label{align-items:center;gap:7px;display:flex}.download-photo-select{border:1px solid #dce6f1;border-radius:8px;max-height:190px;margin-bottom:14px;padding:8px;overflow-y:auto}.download-photo-select label{overflow-wrap:anywhere;align-items:center;gap:9px;min-height:40px;font-size:13px;display:flex}.download-photo-select input,.sale-post-editor input[type=checkbox]{accent-color:#1663dc;flex-shrink:0;width:18px;height:18px}.app-shell .main-wrap .table-actions .sale-post-button{min-width:38px}.integrations-page :is(button,a,input,select,textarea):focus-visible,.sale-post-editor :is(button,input,textarea):focus-visible{outline-offset:2px;outline:3px solid #3383f0}@media (max-width:767px){.integration-panel{padding:14px}.integration-controls{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.integration-controls input,.integration-controls select{width:100%;min-width:0}.integration-controls button,.integration-panel button,.sale-post-editor button{white-space:normal;min-height:44px}.sale-post-modal{padding:14px}.integration-key-list li{align-items:flex-start}.integration-key-list li>div{overflow-wrap:anywhere;min-width:0}.integration-secret{padding:12px}.app-shell .main-wrap .table-actions .sale-post-button{min-width:44px;min-height:44px}}.modal-overlay>.sale-post-modal{color:#203b57;background:#fff;border-radius:16px;max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 20px 70px #10203430}.sale-post-editor textarea{font-family:inherit;font-size:14px;line-height:1.7}.app-shell .main-wrap .vehicle-list-card .card-actions{align-self:start}.integration-panel ol{list-style:decimal}.integration-controls .integration-sales-permission{align-items:flex-start;gap:8px;width:100%;font-size:13px;line-height:1.6;display:flex}.integration-controls .integration-sales-permission input{accent-color:#1663dc;flex:0 0 18px;width:18px;min-width:18px;height:18px;margin-top:3px}@media (max-width:767px){.app-shell .main-wrap .stock-toolbar{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;margin-bottom:18px;padding:0;display:grid}.app-shell .main-wrap .stock-toolbar .stock-search{flex:none;width:100%;min-width:0;margin:0;display:block}.app-shell .main-wrap .stock-search .search-box{border-radius:11px;width:100%;min-width:0;height:46px;padding:0 11px}.app-shell .main-wrap .stock-search input{min-width:0;font-size:14px}.app-shell .main-wrap .stock-toolbar .add-vehicle{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:6px;width:auto;min-width:94px;height:auto;min-height:46px;padding:10px 12px;font-size:14px;display:inline-flex}.app-shell .main-wrap .stock-toolbar .add-vehicle svg{flex-shrink:0;width:18px;height:18px}.app-shell .main-wrap .stock-filters{gap:12px;padding:14px 12px;overflow:visible}.app-shell .main-wrap .filter-chip-row{gap:8px;min-width:0}.app-shell .main-wrap .filter-chip-row>strong{min-width:62px;font-size:12px}.app-shell .main-wrap .filter-chips{scrollbar-width:thin;gap:7px;min-width:0;max-width:100%;margin:0;padding:2px 0 7px;overflow-x:auto}.app-shell .main-wrap .filter-chip{min-height:40px;padding:8px 10px;font-size:12px}.app-shell .mobile-nav{display:none}.app-shell .main-wrap .footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}@media (max-width:360px){.app-shell .main-wrap .stock-toolbar{grid-template-columns:minmax(0,1fr)}.app-shell .main-wrap .stock-toolbar .add-vehicle{justify-self:stretch;width:100%}}.app-shell .main-wrap .stock-heading{margin:0 0 16px}.app-shell .main-wrap .stock-heading h1{letter-spacing:-.6px;color:#142d48;margin:0;font-size:28px;line-height:1.3}.app-shell .main-wrap .stock-heading p{color:#526981;margin:5px 0 0;font-size:14px}.app-shell .main-wrap .stock-toolbar{margin-bottom:20px}.app-shell .main-wrap .stock-summary{box-shadow:none;border-radius:14px;align-items:center;gap:22px;margin-bottom:14px;padding:14px 18px}.app-shell .main-wrap .stock-summary-heading p{color:#526981;margin-top:5px;font-size:11px}.app-shell .main-wrap .stock-total{border-radius:10px;gap:9px;min-height:48px;padding:8px 12px}.app-shell .main-wrap .stock-total b{font-size:28px;line-height:1}.app-shell .main-wrap .stock-summary-types{gap:7px}.app-shell .main-wrap .stock-filters{border-radius:14px;gap:12px;margin-bottom:16px;padding:14px 18px}.app-shell .main-wrap .filter-chip-row{align-items:center;gap:12px}.app-shell .main-wrap .filter-chip-row>strong{color:#405771;min-width:82px;font-size:13px}.app-shell .main-wrap .filter-chips{gap:7px}.app-shell .main-wrap .filter-chip{color:#405771;background:#fff;border-color:#dbe5f0;border-radius:8px;min-height:36px;padding:7px 10px;font-size:12px;line-height:1.4}.app-shell .main-wrap .filter-chip.selected{color:#fff;background:#1663dc;border-color:#1663dc}.app-shell .main-wrap .chip-count{font-variant-numeric:tabular-nums;color:#425c78;background:#eaf0f7;border-radius:4px;min-width:20px;padding:1px 5px}.app-shell .main-wrap .filter-chip.selected .chip-count{color:#fff;background:#ffffff30}.app-shell .main-wrap .stock-advanced{border-top:1px solid #e8eef5;width:100%;margin-top:2px;padding-top:10px}.app-shell .main-wrap .stock-advanced summary{cursor:pointer;color:#405771;flex-wrap:wrap;align-items:center;gap:8px;min-height:36px;font-size:13px;font-weight:600;list-style:none;display:flex}.app-shell .main-wrap .stock-advanced summary:after{content:"＋";margin-left:auto;font-size:18px}.app-shell .main-wrap .stock-advanced[open] summary:after{content:"−"}.app-shell .main-wrap .advanced-active{color:#1457bb;overflow-wrap:anywhere;background:#edf5ff;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500}.app-shell .main-wrap .stock-advanced-content{gap:12px;padding-top:12px;display:grid}.app-shell .main-wrap .stock-controls{gap:12px;margin:0 0 12px}.app-shell .main-wrap .stock-view-switch{background:#e7eef7;border-radius:10px;gap:3px;padding:4px}.app-shell .main-wrap .stock-view-switch button{color:#49637e;background:0 0;border:0;border-radius:7px;min-height:36px;font-size:12px}.app-shell .main-wrap .stock-view-switch button.selected{color:#1259c5;background:#fff;box-shadow:0 1px 4px #17365415}.app-shell .main-wrap .stock-bottom-tools{color:#405771;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;font-size:13px;display:flex}.app-shell .main-wrap .stock-bottom-tools>span{margin-right:auto}.app-shell .main-wrap .stock-tracking{flex-wrap:wrap;align-items:center;gap:9px;display:flex;position:static}.app-shell .main-wrap .tracking-label{color:#405771;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.app-shell .main-wrap .stock-age-filters{width:auto;box-shadow:none;background:0 0;border:0;flex-wrap:wrap;gap:6px;padding:0;display:flex;position:static}.app-shell .main-wrap .age-filter-90{color:#805700;background:#fffbeb;border-color:#e6ce85}.app-shell .main-wrap .age-filter-180{color:#a2420a;background:#fff4eb;border-color:#f1bb91}.app-shell .main-wrap .age-filter-300{color:#ae2438;background:#fff0f2;border-color:#efb0b6}.app-shell .main-wrap .age-filter-90.selected{background:#805700;border-color:#805700}.app-shell .main-wrap .age-filter-180.selected{background:#a2420a;border-color:#a2420a}.app-shell .main-wrap .age-filter-300.selected{background:#ae2438;border-color:#ae2438}.app-shell .main-wrap .reset-stock-filters{color:#1457bb;min-height:36px;padding:7px 10px;font-size:12px}.app-shell .main-wrap .stock-age{--age-bg:#f0f5fb;--age-ink:#385775;--age-line:#dbe5f0;background:var(--age-bg);color:var(--age-ink);border:1px solid var(--age-line);border-left:3px solid var(--age-ink);border-radius:9px;gap:9px;padding:10px 12px}.app-shell .main-wrap .stock-age.age-watch{--age-bg:#fffbeb;--age-ink:#805700;--age-line:#ead89a}.app-shell .main-wrap .stock-age.age-long{--age-bg:#fff4eb;--age-ink:#a2420a;--age-line:#efc3a4}.app-shell .main-wrap .stock-age.age-critical{--age-bg:#fff0f2;--age-ink:#ae2438;--age-line:#efb0b6}.app-shell .main-wrap .stock-age-value{color:inherit;flex-wrap:wrap;gap:5px}.app-shell .main-wrap .stock-age-value span,.app-shell .main-wrap .stock-age-value strong,.app-shell .main-wrap .stock-age-value strong small,.app-shell .main-wrap .stock-age>div>small{color:inherit}.app-shell .main-wrap .stock-age-value strong{font-variant-numeric:tabular-nums;font-size:24px}.app-shell .main-wrap .stock-age>div>small{margin-top:3px;font-size:11px;line-height:1.5;display:block}.app-shell .main-wrap .stock-table-scroll{background:#fff;border:1px solid #dce6f1;border-radius:14px}.app-shell .main-wrap .stock-table{color:#38516c;font-size:13px}.app-shell .main-wrap .stock-table thead th{color:#405771;background:#edf3fa;padding:14px 12px;font-size:12px;font-weight:600}.app-shell .main-wrap .stock-table tbody th,.app-shell .main-wrap .stock-table td{vertical-align:top;border-color:#e8eef5;padding:16px 12px}.app-shell .main-wrap .stock-table .table-vehicle{min-width:240px}.app-shell .main-wrap .stock-table .table-vehicle>a{align-items:center;gap:12px}.app-shell .main-wrap .stock-table .table-thumb{border-radius:8px;flex:0 0 72px;width:72px;height:64px}.app-shell .main-wrap .stock-table .table-vehicle b{color:#142d48;font-size:19px;line-height:1.35}.app-shell .main-wrap .stock-table .table-vehicle span{color:#314f70;font-size:13px}.app-shell .main-wrap .stock-table small{color:#526981;font-size:11px;line-height:1.6}.app-shell .main-wrap .stock-table .table-age{min-width:180px}.app-shell .main-wrap .stock-age.stock-age-compact{min-width:150px;margin:0;padding:8px 10px;display:block}.app-shell .main-wrap .stock-age-compact .stock-age-value>span,.app-shell .main-wrap .stock-age-compact>svg{display:none}.app-shell .main-wrap .stock-age-compact .stock-age-value strong{font-size:25px;line-height:1.2}.app-shell .main-wrap .stock-age-compact .stock-age-value strong small{font-size:12px}.app-shell .main-wrap .stock-age-compact>div>small{max-width:170px;font-size:10px}.app-shell .main-wrap .table-actions{flex-wrap:wrap;gap:5px}.app-shell .main-wrap .table-actions>a,.app-shell .main-wrap .table-actions>button{min-height:38px}.app-shell .main-wrap .table-actions .danger-outline{color:#7a5a61;background:#fff;border-color:#e1dce0}.app-shell .main-wrap .vehicle-title h3{color:#142d48}.app-shell .main-wrap :is(button,a,summary,select,input):focus-visible{outline-offset:3px;outline:3px solid #3383f0}@media (min-width:1200px){.app-shell .main-wrap .vehicle-list-card .stock-age{grid-row:2/span 2}.app-shell .main-wrap .vehicle-list-card .stock-age-value strong{font-size:24px}.app-shell .main-wrap .vehicle-list-card .stock-age>div>small{font-size:11px}}@media (max-width:767px){.app-shell .main-wrap .stock-heading h1{font-size:25px}.app-shell .main-wrap .stock-heading p{font-size:12px}.app-shell .main-wrap .stock-toolbar{margin-bottom:16px}.app-shell .main-wrap .stock-summary{padding:12px;display:block}.app-shell .main-wrap .stock-summary-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-shell .main-wrap .stock-summary-heading p{max-width:150px;margin:0;font-size:10px}.app-shell .main-wrap .stock-summary-types{flex-wrap:nowrap;margin-top:10px;padding-bottom:4px;overflow-x:auto}.app-shell .main-wrap .stock-filters{gap:10px;padding:12px}.app-shell .main-wrap .filter-chip-row{display:block}.app-shell .main-wrap .filter-chip-row>strong{margin-bottom:8px;display:flex}.app-shell .main-wrap .filter-chips{flex-wrap:wrap;display:flex;overflow:visible}.app-shell .main-wrap .filter-chip{min-height:40px;padding:8px 9px;font-size:12px}.app-shell .main-wrap .stock-controls{flex-wrap:wrap;display:flex}.app-shell .main-wrap .stock-view-switch{width:100%;display:flex}.app-shell .main-wrap .stock-view-switch button{flex:1;gap:5px;min-height:40px;padding:7px 5px;font-size:11px}.app-shell .main-wrap .result-actions{justify-content:space-between;gap:8px;width:100%}.app-shell .main-wrap .result-actions select{max-width:170px}.app-shell .main-wrap .stock-tracking{background:#fff;border:1px solid #dce6f1;border-radius:10px;width:100%;padding:10px}.app-shell .main-wrap .stock-age-filters{grid-template-columns:1fr 1fr;width:100%;display:grid}.app-shell .main-wrap .stock-age-filters button{justify-content:space-between}.app-shell .main-wrap .vehicle-list-card .stock-age-value strong{font-size:22px}.app-shell .main-wrap .vehicle-list-card .stock-age>div>small{font-size:10px}.app-shell .main-wrap .table-actions>a,.app-shell .main-wrap .table-actions>button{min-width:44px;min-height:44px}}.app-shell .main-wrap .stock-total-icon{flex:0 0 24px;width:24px;height:24px;padding:0;position:static;transform:none}.app-shell .main-wrap .stock-table .stock-age-value strong small{margin-left:4px;font-weight:500;display:inline}@media (max-width:767px){.app-shell .main-wrap .stock-filters>.filter-chip-row .filter-chips{scrollbar-width:thin;flex-wrap:nowrap;max-width:100%;padding-bottom:6px;overflow-x:auto}.app-shell .main-wrap .stock-filters>.filter-chip-row .filter-chip{flex-shrink:0}}:root{--blue:#1663dc;--navy:#20374b;--muted:#60758b;--line:#e0e8f0;--bg:#f3f7fc}body{color:var(--navy);font-feature-settings:"ss01";text-rendering:optimizelegibility;font-family:Manrope,IBM Plex Sans Thai,Tahoma,sans-serif}body:has(.app-shell){background:#f3f7fc}.app-shell{--blue:#1663dc;--navy:#20374b;--muted:#60758b;--line:#e0e8f0;--bg:#f3f7fc;font-size:15px}.app-shell .sidebar{color:#e7f0f8;background:#17364e;border:0;padding:18px 14px}.app-shell .brand{color:#fff;flex-direction:column;gap:0;padding:0;display:flex}.app-shell .workspace-brand-logo{object-fit:contain;width:192px;max-width:100%;height:108px;display:block}.app-shell .workspace-brand-caption{letter-spacing:0;color:#bbd2e5;margin:0 0 8px;font-size:12px;font-weight:500;display:block}.app-shell .workspace-label{color:#a5c1d7;letter-spacing:0;margin:20px 12px 10px;font-size:11px}.app-shell .nav-item{color:#c5d8e8;border-radius:11px;gap:12px;min-height:46px;margin-bottom:5px;padding:12px;font-weight:500}.app-shell .nav-item svg{color:#a5c6df;stroke-width:1.9px}.app-shell .nav-item:hover{color:#fff;background:#224960}.app-shell .nav-item.active{color:#174d8a;box-shadow:none;background:#edf5ff;font-weight:700}.app-shell .nav-item.active svg{color:#1663dc}.app-shell .nav-item.active>span{color:#1663dc;background:#dceaff}.app-shell .sidebar-bottom{color:#fff;border-top-color:#3a5369}.app-shell .topbar{background:#ffffffed;border:0;height:76px;padding-inline:32px;box-shadow:0 1px #dfe7f0}.app-shell main{padding:28px 32px 40px}.app-shell h1{color:#17364e;letter-spacing:-.5px;font-size:29px;line-height:1.4}.app-shell h2{color:#23465f;line-height:1.5}.app-shell h2,.app-shell h3{font-weight:700}.app-shell .danger-button,.app-shell .danger-outline,.app-shell .primary-button,.app-shell .secondary-button{border-radius:10px;gap:8px;min-height:43px;padding:10px 16px;font-size:14px;font-weight:600}.app-shell .primary-button{background:#1663dc;box-shadow:0 3px 7px #1663dc14}.app-shell .primary-button:not(:disabled):hover{background:#0d50b8}.app-shell .secondary-button{color:#345775;background:#fff;border-color:#d6e2ed}.app-shell .secondary-button:not(:disabled):hover{background:#eff6ff;border-color:#a9c4e9}.app-shell .danger-outline{color:#ac3946;background:#fff4f4;border-color:#f1d0d0}.app-shell .topbar .bell-button{background:#f0f5fb;border:0;border-radius:12px;padding:11px}.app-shell .avatar{color:#1663dc;background:#e6f0ff;border:0}.app-shell .stock-search .search-box{border-color:#dae5f0;border-radius:12px;height:49px;box-shadow:0 2px 6px #15365004}.app-shell .stock-search input{font-size:15px}.app-shell .stock-toolbar{margin-bottom:26px}.app-shell .stock-summary{background:#fff;border:1px solid #e0e9f3;border-radius:16px;gap:20px;padding:21px 22px;box-shadow:0 4px 18px #17364e04}.app-shell .stock-total{background:#edf5ff;border-radius:12px;min-height:58px;padding:12px 16px 12px 50px}.app-shell .stock-total-icon{color:#1663dc;left:15px}.app-shell .stock-total b{color:#1663dc;font-variant-numeric:tabular-nums;font-size:30px}.app-shell .stock-status-counts{gap:8px}.app-shell .stock-status-counts button{color:#405a70;background:#f5f8fc;border:1px solid #e7edf4;border-radius:9px;min-height:38px;padding:7px 12px}.app-shell .stock-filters{background:#fff;border:1px solid #e0e9f3;border-radius:15px;gap:14px;margin-top:16px;padding:18px 20px}.app-shell .filter-chip{color:#5b7289;background:#f2f6fa;border-color:#0000;border-radius:9px;min-height:36px;font-size:13px}.app-shell .filter-chip.selected{color:#155bbf;background:#e8f1ff;border-color:#bdd5f8;font-weight:700}.app-shell .filter-label{color:#39546f;font-size:13px;font-weight:600}.app-shell .view-switch button{border-radius:9px;min-height:40px}.app-shell .view-switch button.active{color:#155bbf;background:#e6f0ff;border-color:#b9d1f5}.app-shell .vehicle-card{background:#fff;border:1px solid #dfe8f1;border-radius:17px;overflow:hidden;box-shadow:0 4px 18px #16364f06}.app-shell .vehicle-cover{border-radius:0;overflow:hidden}.app-shell .vehicle-content{padding:21px}.app-shell .vehicle-title h3{color:#183b58;font-size:27px;font-weight:800;line-height:1.3}.app-shell .vehicle-title h4{color:#31516e;font-size:19px;font-weight:700}.app-shell .vehicle-spec{color:#526e86;font-size:14px;line-height:1.8}.app-shell .vehicle-code{color:#6b8196;font-size:12px}.app-shell .status-badge{border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.app-shell .card-actions{border-top-color:#edf1f7;gap:8px;padding-top:14px}.app-shell .card-actions .primary-button,.app-shell .card-actions .secondary-button{min-height:41px;padding:9px 10px;font-size:13px}.app-shell .body-details{color:#315373;background:#f1f7ff;border-left:3px solid #98bff3;border-radius:9px}.app-shell .body-details p{font-size:14px;line-height:1.8}.app-shell .vehicle-card-facts{background:#f7f9fc;border-color:#e5edf5;border-radius:11px}.app-shell .vehicle-card-facts dt{color:#708498}.app-shell .vehicle-card-facts dd{color:#294c68;font-weight:600}.app-shell .album-panel,.app-shell .detail-card,.app-shell .extras-panel,.app-shell .history-panel,.app-shell .task-group,.app-shell .user-form-panel,.app-shell .users-list-panel{background:#fff;border-color:#e0e9f2;border-radius:16px;box-shadow:0 3px 17px #18365004}.app-shell .extras-panel{margin-top:20px;padding:24px}.app-shell .album-panel h2,.app-shell .extras-panel h2,.app-shell .history-panel h2{gap:10px;font-size:19px}.app-shell .album-panel h2>svg,.app-shell .extras-panel h2>svg,.app-shell .history-panel h2>svg{color:#3678bc}.app-shell .section-top{align-items:center;gap:16px}.app-shell .internal-note,.app-shell .internal-note-item{background:#f1f6fc;border:1px solid #e1ebf6;border-radius:11px}.app-shell .internal-note p,.app-shell .internal-note-item p{color:#2f526e;font-size:15px;font-weight:500;line-height:1.8}.app-shell input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-shell select,.app-shell textarea{color:#294b68;background:#fbfdff;border-color:#d8e4ef;border-radius:10px;font-size:14px}.app-shell input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,.app-shell select:focus,.app-shell textarea:focus{border-color:#729fe1;outline:none;box-shadow:0 0 0 3px #eaf2fe}.app-shell input::placeholder,.app-shell textarea::placeholder{color:#8497a8}.app-shell input[type=checkbox],.app-shell input[type=radio]{accent-color:#1663dc;vertical-align:middle;max-width:18px;box-shadow:none;appearance:auto;flex:0 0 18px;margin:0 8px 0 0;padding:0;display:inline-block;width:18px!important;height:18px!important;min-height:18px!important}.app-shell .website-check{align-items:center;gap:8px;display:flex}.app-shell .photo-select input[type=checkbox]{margin:0}.modal-overlay .account-modal,.modal-overlay .delete-modal,.modal-overlay .edit-modal{color:#23465f;border-radius:18px}.modal-overlay .form-grid{gap:18px}.modal-overlay label{font-weight:500}.modal-overlay input:not([type=checkbox]):not([type=radio]),.modal-overlay select,.modal-overlay textarea{background:#fbfdff;border-color:#d8e4ef;border-radius:10px;font-size:15px}.modal-overlay .panel-title{border-bottom:1px solid #e7eef6;margin-bottom:20px;padding-bottom:16px}.modal-overlay .primary-button,.modal-overlay .secondary-button{border-radius:10px}.app-shell .stock-table-wrap{border-color:#dee8f2;border-radius:14px;overflow:auto}.app-shell table th{color:#46617a;background:#eff5fb;padding:15px 13px;font-size:13px;font-weight:600}.app-shell table td{border-color:#edf2f7;padding:15px 13px;font-size:14px}.app-shell table tr:hover td{background:#f8fbff}.app-shell .footer{color:#7a8fa2;border-top-color:#e0e8f0;font-size:11px}.login-page{background:#edf4fc}.login-card{border-color:#e0e9f3;border-radius:22px;box-shadow:0 20px 65px #143b6410}.login-heading h1{color:#17364e}.login-card input{border-radius:10px}.app-shell :focus-visible,.modal-overlay :focus-visible{outline-offset:3px;outline:3px solid #82afea}.website-auto-state{color:#687f92;background:#eff3f7;border-radius:7px;align-items:center;gap:7px;margin:4px 8px 4px 0;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.website-auto-state.is-live{color:#216c52;background:#e7f5ee}.app-shell .publish-panel form{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.publish-panel form label{flex:1;min-width:180px}.app-shell .website-upload-shared{background:#f6faff;border:1px dashed #b9cee5;border-radius:14px;grid-template-columns:minmax(180px,340px) minmax(0,1fr);align-items:center;gap:12px 22px;padding:18px;display:grid}.app-shell .website-upload-shared img{aspect-ratio:4/3;object-fit:contain;background:#e7f0fa;border-radius:9px;grid-row:span 3;width:100%;height:auto}.app-shell .website-upload-shared label{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.app-shell .website-upload-shared input[type=file]{width:100%;min-width:0;font-size:13px}.app-shell .website-vehicle-row{background:#fbfdff;border-color:#e1eaf4;border-radius:12px;gap:18px;padding:18px}.app-shell .website-vehicle-row>div:first-child{min-width:0}.app-shell .website-vehicle-row b{overflow-wrap:anywhere;font-size:14px;display:block}.app-shell .website-vehicle-row small{color:#698298}.app-shell .website-vehicle-row>div:last-child{flex-wrap:wrap;gap:9px}.app-shell .website-vehicle-row select{max-width:200px;min-height:41px}.app-shell .website-vehicle-row>div:first-child>a{color:#2464b5;font-size:12px}.app-shell .website-campaign{background:#fff;border-color:#dce7f3;border-radius:14px;padding:22px}@media (max-width:1100px){.app-shell main{padding:24px}.app-shell .website-vehicle-row{flex-direction:column;align-items:flex-start}.app-shell .website-vehicle-row>div:last-child{width:100%}}@media (max-width:767px){.app-shell .topbar{height:66px;padding-inline:16px}.app-shell main{padding:20px 14px 90px}.app-shell h1{font-size:25px}.app-shell .extras-panel{border-radius:14px;padding:19px 15px}.app-shell .stock-summary{gap:14px;padding:16px}.app-shell .stock-filters{padding:15px 12px}.app-shell .vehicle-content{padding:19px}.app-shell .stock-search input{font-size:14px}.app-shell .stock-toolbar{margin-bottom:20px}.app-shell .primary-button,.app-shell .secondary-button{min-height:44px}.app-shell .website-upload-shared{grid-template-columns:1fr;padding:14px}.app-shell .website-upload-shared img{grid-row:auto}.app-shell .website-vehicle-row{padding:14px}.app-shell .website-vehicle-row select{flex:1;min-width:150px;max-width:100%}.app-shell .website-campaign{padding:15px}.app-shell .section-top{flex-wrap:wrap}.app-shell .sidebar{padding-top:15px}.app-shell .mobile-nav{background:#fff;border-top-color:#e1eaf3}.app-shell .mobile-nav .active{color:#1663dc}}@media (prefers-reduced-motion:reduce){.app-shell *,.login-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:1101px){.app-shell .vehicle-list-card{border-radius:15px;gap:20px;padding:16px}.app-shell .vehicle-list-card .vehicle-image{border-radius:11px;height:176px}.app-shell .vehicle-list-card .card-actions{border:0;grid-row:3/span 3;align-self:start;padding-top:0}.app-shell .vehicle-list-card .stock-age{grid-row:2;align-self:start}.app-shell .vehicle-list-card .vehicle-content{gap:7px 20px}.app-shell .vehicle-list-card .vehicle-title h3{font-size:23px}.app-shell .vehicle-list-card .current-photo-summary{font-size:12px}.app-shell .vehicle-list-card .updated-at{color:#71899f}}.login-brand{color:#e7f0f8;background:#17364e;border-radius:15px;flex-direction:column;gap:0;padding:8px 18px 18px;display:flex}.login-brand img{object-fit:contain;width:218px;max-width:100%;height:123px;display:block}.login-brand>span{color:#c4d8e7;font-size:12px;font-weight:500}.public-showroom{color:#20374b}.public-showroom>header{color:#e6f0f8;background:#17364e;border-radius:16px;gap:22px;padding:8px 22px;font-size:14px;font-weight:500}.customer-brand-logo{object-fit:contain;flex-shrink:0;width:180px;height:101px;display:block}.public-showroom .offer-panel,.public-showroom .photo-receiver-heading,.public-showroom .public-photo-section,.public-showroom .public-vehicle-info{border-color:#e0e9f3;border-radius:16px}.public-showroom .public-vehicle-info h1{color:#214b6c;font-weight:700}.public-showroom .public-photo-section h2{color:#244c6d}.public-showroom .primary-button,.public-showroom .secondary-button,.public-showroom button{border-radius:10px}@media (max-width:520px){.public-showroom>header{gap:12px;padding:6px 14px;font-size:12px}.customer-brand-logo{width:136px;height:77px}.login-brand img{width:196px;height:110px}.login-card{padding:23px 20px}}