.items-container{max-width:1200px;padding:var(--space-8) var(--space-4);margin:0 auto}.items-header{margin-bottom:var(--space-8);border-bottom:2px solid var(--border-strong);padding-bottom:var(--space-4)}.items-header h1{margin-bottom:var(--space-2)}.filter-bar{gap:var(--space-4);margin-bottom:var(--space-8);background-color:var(--bg-card);padding:var(--space-4);border:2px solid var(--border-strong);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;display:flex}.filter-group{align-items:center;gap:var(--space-2);flex:1;min-width:200px;display:flex}.search-input{flex:2;min-width:300px}.grid-view{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.item-card{background-color:var(--bg-card);border:2px solid var(--border-strong);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);flex-direction:column;display:flex}.item-card:hover{box-shadow:var(--shadow-md);transform:translate(-2px,-2px)}.item-image-placeholder{background-color:var(--bg-tertiary);border-bottom:2px solid var(--border-strong);height:200px;color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.item-content{padding:var(--space-4);flex-direction:column;flex:1;display:flex}.item-title-row{margin-bottom:var(--space-2);justify-content:space-between;align-items:flex-start;display:flex}.item-title{margin:0;font-size:1.25rem;line-height:1.2}.item-badge{border:2px solid var(--border-strong);text-transform:uppercase;white-space:nowrap;padding:2px 8px;font-size:.75rem;font-weight:700}.badge-lost{background-color:var(--accent-primary);color:var(--accent-secondary)}.badge-found{background-color:var(--bg-primary);color:var(--text-primary)}.item-details{margin-bottom:var(--space-4);color:var(--text-secondary);font-size:.875rem}.item-detail-row{align-items:center;gap:var(--space-2);margin-bottom:4px;display:flex}.item-actions{padding-top:var(--space-4);margin-top:auto}@media (max-width:768px){.filter-bar{align-items:stretch;gap:var(--space-3);padding:var(--space-3);flex-direction:column}.filter-group,.search-input{width:100%;min-width:0}.grid-view{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.items-container{padding:var(--space-4) var(--space-3)}}