.inv-hero{background:var(--primary);padding:28px 0;border-bottom:3px solid var(--accent1)}.inv-hero .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.inv-hero h1{font-size:1.6rem;font-weight:900;color:var(--white);text-transform:uppercase}.inv-hero p{color:var(--accent2);font-size:.9rem;margin-top:4px}.inv-search-bar{display:flex;align-items:center;background:var(--white);border-radius:4px;overflow:hidden;flex:1;max-width:480px}.inv-search-bar input{flex:1;padding:11px 16px;border:none;outline:none;font-size:.92rem}.inv-search-bar button{background:var(--accent1);border:none;padding:11px 20px;cursor:pointer;font-weight:700;font-size:.9rem;color:var(--primary);text-transform:uppercase}.inv-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;padding:32px 0 60px}.inv-sidebar{position:sticky;top:90px;height:fit-content}.filter-section{background:var(--white);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;overflow:hidden}.filter-section-header{background:var(--primary);color:var(--white);padding:12px 16px;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.filter-section-header:hover{background:#111}.filter-body{padding:16px}.filter-group{margin-bottom:14px}.filter-group label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--secondary);display:block;margin-bottom:5px}.filter-group select,.filter-group input{width:100%;padding:8px 12px;border:1px solid var(--primary);border-radius:4px;font-size:.88rem;color:var(--dark-gray)}.filter-checkbox-list{display:flex;flex-direction:column;gap:8px}.filter-checkbox{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--dark-gray);cursor:pointer}.filter-checkbox input[type=checkbox]{accent-color:var(--accent1);width:15px;height:15px;cursor:pointer}.filter-count{color:var(--secondary);font-size:.78rem;margin-left:auto}.filter-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clear-filters{width:100%;padding:10px;background:transparent;border:1px solid var(--border);border-radius:4px;font-size:.82rem;color:var(--secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.clear-filters:hover{background:var(--light-bg);color:var(--dark-gray)}.inv-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.inv-count{font-size:.92rem;color:var(--secondary)}.inv-count strong{color:var(--primary);font-size:1.1rem}.inv-controls{display:flex;align-items:center;gap:12px}.sort-select{padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-size:.88rem;color:var(--dark-gray);cursor:pointer}.view-toggle{display:flex;gap:2px}.view-btn{padding:7px 11px;background:var(--light-bg);border:1px solid var(--border);cursor:pointer;font-size:.9rem;transition:all .2s;border-radius:3px}.view-btn.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.filter-chip{display:flex;align-items:center;gap:6px;background:#ff99021f;border:1px solid var(--accent1);color:var(--primary);padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.chip-remove{background:none;border:none;cursor:pointer;color:var(--secondary);font-size:.9rem;line-height:1;padding:0}.chip-remove:hover{color:#e53935}.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.inv-list .inv-grid{grid-template-columns:1fr}.inv-list .vehicle-card{display:flex;flex-direction:row}.inv-list .vehicle-image{width:280px;flex-shrink:0;height:auto;min-height:190px}.inv-list .vehicle-info{flex:1}.pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:40px}.page-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;font-size:.88rem;cursor:pointer;background:var(--white);color:var(--dark-gray);transition:all .2s}.page-btn:hover,.page-btn.active{background:var(--accent1);border-color:var(--accent1);color:var(--primary);font-weight:700}.page-btn.disabled{opacity:.4;cursor:not-allowed}@media (max-width: 960px){.inv-layout{grid-template-columns:1fr}.inv-sidebar{position:static}.inv-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.inv-grid{grid-template-columns:1fr}.inv-list .vehicle-card{flex-direction:column}.inv-list .vehicle-image{width:100%}}