.view-all-container{max-width:1600px;margin:0 auto;padding:2rem}.view-all-header{text-align:center;margin-bottom:2rem}.view-all-header h1{color:#1271b9;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.view-all-header .subtitle{color:#6b7280;font-size:1.125rem;margin-bottom:1rem}.view-all-header .debug-info{color:#9ca3af;font-size:.875rem}.table-card{background:white;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);overflow:auto;max-height:70vh;scrollbar-width:thin;scrollbar-color:#1271b9 #e5e7eb}.table-card::-webkit-scrollbar{height:12px;width:12px;border-radius:.5rem;background:#e5e7eb}.table-card::-webkit-scrollbar-thumb{background:#1271b9;border-radius:.5rem;border:3px solid #e5e7eb}.table-card::-webkit-scrollbar-track{background:#e5e7eb;border-radius:.5rem}.systems-table{width:100%;border-collapse:collapse;min-width:900px}.systems-table thead{position:sticky;top:0;z-index:2}.systems-table th{padding:1rem;text-align:left;font-weight:600;color:white;cursor:pointer;user-select:none;transition:background-color .2s;background:#1271b9}.systems-table th:hover{background:#0f5a94}.systems-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.systems-table tbody tr:hover{background-color:#f9fafb}.systems-table tbody tr.clickable-row{cursor:pointer}.systems-table td{padding:1rem;color:#374151}.rental-id{font-weight:600;color:#1271b9}.availability-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.availability-badge.available{background-color:#d1fae5;color:#065f46}.availability-badge.pending{background-color:#fef3c7;color:#92400e}.availability-badge.unavailable{background-color:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.sort-indicator{margin-left:.5rem;opacity:.5;font-size:.875rem}.sort-indicator.active{opacity:1}.error,.loading,.no-data{text-align:center;padding:3rem;color:#6b7280;font-size:1.125rem}.error{color:#dc2626}.mobile-filter-toggle{display:none;margin-bottom:1rem}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:white;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-weight:500;color:#374151}.filter-toggle-btn:hover{background:#f9fafb}.content-wrapper{display:flex;gap:1.5rem;align-items:flex-start}.filters-sidebar{min-width:320px;max-width:320px;background:white;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);height:fit-content;position:sticky;top:2rem}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.filters-header h3{font-size:1.125rem;font-weight:700;color:#1271b9;margin:0}.clear-filters-btn{background:none;border:none;color:#dc2626;font-size:.8rem;font-weight:500;cursor:pointer;padding:.25rem .5rem}.clear-filters-btn:hover{text-decoration:underline}.filter-section{margin-bottom:1rem}.filter-section h4{font-size:.8rem;font-weight:600;color:#374151;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.filter-section>div{display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem .5rem}.filter-checkbox{display:flex;align-items:center;gap:.4rem;padding:.25rem 0;cursor:pointer;color:#4b5563;font-size:.8rem}.filter-checkbox input[type=checkbox]{cursor:pointer;width:.9rem;height:.9rem;flex-shrink:0}.filter-checkbox span{line-height:1.2}.filter-checkbox:hover{color:#1271b9}.table-wrapper{flex:1;min-width:0}.systems-table tbody tr.bg-gray-50{background-color:#e5e7eb!important}@media (max-width:768px){.view-all-container{padding:1rem}.mobile-filter-toggle{display:block}.content-wrapper{flex-direction:column}.filters-sidebar{display:none;min-width:100%;max-width:100%;position:static}.filters-sidebar.show{display:block}.filter-section>div{grid-template-columns:1fr}.table-wrapper{width:100%}.systems-table{font-size:.875rem}.systems-table td,.systems-table th{padding:.75rem .5rem}}