.compliance-page{max-width:960px;padding:var(--space-5)var(--space-4);margin:0 auto}.compliance-summary-row{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.compliance-summary-card{background:var(--card);border:1px solid var(--muted);border-radius:var(--radius-xl);padding:var(--space-4)var(--space-4);align-items:center;gap:var(--space-3);box-shadow:var(--shadow-xs);transition:box-shadow .2s,transform .2s;display:flex}.compliance-summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.compliance-summary-card.expired{border-top:3px solid var(--danger)}.compliance-summary-card.expiring{border-top:3px solid var(--warning-hover)}.compliance-summary-card.total{border-top:3px solid var(--primary)}.compliance-summary-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.compliance-summary-icon.expired{background:var(--danger-light);color:var(--danger)}.compliance-summary-icon.expiring{background:var(--warning-light);color:var(--warning-hover)}.compliance-summary-icon.total{background:var(--primary-light);color:var(--primary)}.compliance-summary-info{min-width:0}.compliance-summary-count{color:var(--text-primary);letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1}.compliance-summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.6875rem;font-weight:600}.compliance-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.compliance-filter-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.compliance-filter-pill{border:1px solid var(--border);background:var(--card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;font-size:.75rem;font-weight:600;font-family:var(--font-sans);border-radius:999px;padding:.375rem .875rem;transition:all .15s}.compliance-filter-pill:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.compliance-filter-pill.active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.compliance-status-select{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);color:var(--text-primary);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-sans);min-height:44px;padding:.375rem .75rem}.compliance-status-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.compliance-alerts-list{gap:var(--space-3);flex-direction:column;display:flex}.compliance-alert-row{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--card);border:1px solid var(--muted);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);transition:box-shadow .2s,transform .15s;display:flex}.compliance-alert-row:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.compliance-alert-row.expired{border-left:4px solid var(--danger)}.compliance-alert-row.expiring{border-left:4px solid var(--warning-hover)}.compliance-alert-status-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.compliance-alert-status-icon.expired{background:var(--danger-light);color:var(--danger)}.compliance-alert-status-icon.expiring{background:var(--warning-light);color:var(--warning-hover)}.compliance-alert-body{flex:1;min-width:0}.compliance-alert-vehicle{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .125rem;font-size:.875rem;font-weight:700;overflow:hidden}.compliance-alert-type{color:var(--text-muted);align-items:center;gap:.25rem;margin:0;font-size:.75rem;display:flex}.compliance-alert-type-icon{color:var(--text-muted);flex-shrink:0}.compliance-alert-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.125rem;display:flex}.compliance-alert-time{white-space:nowrap;font-size:.75rem;font-weight:700}.compliance-alert-time.expired{color:var(--danger)}.compliance-alert-time.expiring{color:var(--warning-hover)}.compliance-alert-date{color:var(--text-muted);white-space:nowrap;font-size:.6875rem}.compliance-empty-state{padding:var(--space-8)var(--space-4);justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.compliance-empty-icon{background:var(--success-light);width:3rem;height:3rem;color:var(--success);border-radius:999px;justify-content:center;align-items:center;display:flex}.compliance-empty-title{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.compliance-empty-desc{color:var(--text-muted);max-width:320px;margin:0;font-size:.8125rem;line-height:1.5}.compliance-shimmer-row{background:var(--card);border:1px solid var(--muted);border-radius:var(--radius-xl);height:64px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:640px){.compliance-page{padding:var(--space-3)var(--space-3)}.compliance-summary-row{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:1fr}.compliance-summary-card{padding:var(--space-3)}.compliance-summary-count{font-size:1.25rem}.compliance-toolbar{align-items:stretch;gap:var(--space-2);flex-direction:column}.compliance-filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:.125rem;overflow-x:auto}.compliance-filter-pills::-webkit-scrollbar{display:none}.compliance-filter-pill{flex-shrink:0;align-items:center;min-height:44px;display:flex}.compliance-alert-row{padding:var(--space-3);gap:var(--space-2)}.compliance-alert-vehicle{font-size:.8125rem}.compliance-alert-type,.compliance-alert-time{font-size:.6875rem}.compliance-alert-date{font-size:.625rem}.compliance-summary-icon{width:2rem;height:2rem}}