.App{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;background-color:#1a1a1a;color:#fff}.App-header{margin-bottom:2rem;text-align:center}.App-header h1{color:#fff;margin-bottom:.5rem}.App-header p{color:#ccc;font-size:1.1rem}.search-bar{flex:1;max-width:400px}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#aaa;font-size:16px}.search-input{width:100%;padding:12px 16px 12px 40px;border:2px solid #555;border-radius:8px;font-size:16px;background-color:#3d3d3d;color:#fff}.search-input:focus{outline:none;border-color:#007bff}.search-input::placeholder{color:#aaa}.search-bar.focused .search-icon{color:#007bff}.clear-button{position:absolute;right:8px;padding:4px 8px;border:none;background:none;color:#aaa;cursor:pointer;border-radius:4px;font-size:16px}.clear-button:hover{color:#fff;background-color:#555}.item-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{padding:20px;border:1px solid #555;border-radius:8px;background-color:#2d2d2d;box-shadow:0 2px 4px #0000004d}.item-card:hover{box-shadow:0 4px 8px #0006;border-color:#007bff}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;gap:10px}.item-name{margin:0;font-size:18px;color:#fff;font-weight:600}.item-category{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.category-developer{background-color:#14532d;color:#86efac}.category-designer{background-color:#9a3412;color:#fed7aa}.category-leader{background-color:#7c2d12;color:#fbbf24}.category-tester{background-color:#1e40af;color:#93c5fd}.category-boss{background-color:#7c1d6f;color:#f0abfc}.item-email{display:flex;align-items:center;gap:8px;color:#ccc;font-size:14px}.email-icon{font-size:16px}.no-results{text-align:center;padding:60px 20px;color:#ccc}.no-results-icon{font-size:48px;margin-bottom:20px;opacity:.5}.no-results h3{margin:0 0 10px;color:#fff}.no-results p{margin:0;font-size:14px}.filtered-list{width:100%}.filters{display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:24px;background-color:#2d2d2d;border-radius:8px;border:1px solid #555}.category-filter{display:flex;align-items:center;gap:10px}.category-filter label{font-weight:500;color:#fff}.category-filter select{padding:8px 12px;border:1px solid #555;border-radius:4px;background-color:#3d3d3d;color:#fff;font-size:16px;cursor:pointer}.category-filter select:focus{outline:none;border-color:#007bff}.results-info{margin-bottom:20px;color:#ccc;font-size:14px;text-align:center}@media (min-width: 768px){.filters{flex-direction:row;align-items:center;justify-content:space-between}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;background-color:#1a1a1a;color:#fff}#root{width:100%}