*,:before,:after{box-sizing:border-box}body{font-family:var(--sl-font-sans);background:var(--sl-color-neutral-50);color:var(--sl-color-neutral-900);min-height:100vh;margin:0}.app-header{background:var(--sl-color-neutral-0);border-bottom:1px solid var(--sl-color-neutral-200);padding:var(--sl-spacing-small) var(--sl-spacing-x-large);align-items:center;gap:var(--sl-spacing-large);z-index:10;display:flex;position:sticky;top:0}.app-header__title{font-size:var(--sl-font-size-large);font-weight:var(--sl-font-weight-bold);color:var(--sl-color-primary-700);white-space:nowrap;margin:0}.app-header__nav{gap:var(--sl-spacing-medium);flex:1;display:flex}.app-header__nav a{color:var(--sl-color-neutral-600);font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);padding:var(--sl-spacing-x-small) var(--sl-spacing-small);border-radius:var(--sl-border-radius-medium);text-decoration:none;transition:background .15s,color .15s}.app-header__nav a:hover,.app-header__nav a.active{background:var(--sl-color-primary-100);color:var(--sl-color-primary-700)}.app-header__actions{align-items:center;gap:var(--sl-spacing-x-small);margin-left:auto;display:flex}.app-header__actions a{color:var(--sl-color-neutral-600);border-radius:var(--sl-border-radius-medium);align-items:center;padding:4px;font-size:20px;text-decoration:none;transition:color .15s;display:inline-flex}.app-header__actions a:hover{color:var(--sl-color-neutral-900)}.filters{gap:var(--sl-spacing-medium);max-height:calc(100vh - 80px);padding-right:var(--sl-spacing-x-small);flex-direction:column;display:flex;position:sticky;top:60px;overflow-y:auto}.filters sl-input,.filters sl-select{min-width:0}.filters__section-label{font-size:var(--sl-font-size-x-small);font-weight:var(--sl-font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--sl-color-neutral-500);margin:0 0 var(--sl-spacing-x-small) 0}.filters__row,.filters__stat-grid{gap:var(--sl-spacing-x-small);grid-template-columns:1fr 1fr;display:grid}.cards-grid{gap:var(--sl-spacing-medium);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:stretch;display:grid}.state-message{text-align:center;padding:var(--sl-spacing-4x-large);color:var(--sl-color-neutral-400);font-size:var(--sl-font-size-large);grid-column:1/-1}.results-count{font-size:var(--sl-font-size-small);color:var(--sl-color-neutral-500);white-space:nowrap}.btn-filter-toggle{display:none}@media (width<=768px){.app-header{padding:var(--sl-spacing-x-small) var(--sl-spacing-medium);gap:var(--sl-spacing-small)}.app-header__title{display:none}.app-header__nav{gap:var(--sl-spacing-x-small);flex:1}.app-header__nav a{font-size:var(--sl-font-size-small);padding:var(--sl-spacing-x-small) var(--sl-spacing-small)}.filters{max-height:none;padding-right:0;display:none;position:static;overflow-y:visible}.filters.is-open{display:flex}.btn-filter-toggle{display:inline-flex}.cards-grid{padding:0 var(--sl-spacing-x-small);grid-template-columns:1fr}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}