*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}header{background-color:#4285f4;box-shadow:0 2px 5px rgba(0,0,0,.2);color:#fff;padding:1rem}header h1{margin-bottom:1rem;text-align:center}.search-container{display:flex;gap:10px;justify-content:center}#search-input{font-size:1rem;max-width:400px;padding:.5rem;width:70%}#search-button,#search-input{border:none;border-radius:4px}#search-button{background-color:#fff;color:#4285f4;cursor:pointer;font-weight:700;padding:.5rem 1rem}#search-button:hover{background-color:#f1f1f1}.filter-buttons{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:1rem}.filter-btn{background-color:#e0e0e0;border:none;border-radius:20px;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{background-color:#d5d5d5}.filter-btn.active:not(.filter-portal):not(.filter-management):not(.filter-tools){background-color:#4285f4;color:#fff}.filter-btn.filter-portal.active{background-color:#43a047}.filter-btn.filter-management.active{background-color:#1e88e5}.filter-btn.filter-tools.active{background-color:#fb8c00}.filter-btn.filter-portal{background-color:#4caf50;color:#fff}.filter-btn.filter-management{background-color:#2196f3;color:#fff}.filter-btn.filter-tools{background-color:#ff9800;color:#fff}.filter-btn.filter-portal:hover{background-color:#43a047}.filter-btn.filter-management:hover{background-color:#1e88e5}.filter-btn.filter-tools:hover{background-color:#fb8c00}.app-wall{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0 auto;max-width:1400px;padding:20px}.app-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.app-card:hover{box-shadow:0 5px 20px rgba(0,0,0,.15);transform:translateY(-5px)}.app-card:hover .app-icon-image{background-color:#e1e1e1}.app-icon{align-items:center;background-color:#f1f1f1;display:flex;flex-shrink:0;font-size:4rem;height:150px;justify-content:center;width:100%}.app-icon.text-icon{background-color:#e8f0fe;color:#4285f4;font-size:3rem;font-weight:700}.app-icon-image{background-color:#f1f1f1;background-position:50%;background-repeat:no-repeat;background-size:contain;height:150px;object-fit:contain;padding:20px;width:100%}.app-info{display:flex;flex-direction:column;flex-grow:1;padding:1rem}.app-name{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.app-description{color:#666;flex-grow:1;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.app-category{align-self:flex-start;background-color:#e0e0e0;border-radius:20px;font-size:.8rem;font-weight:700;margin-top:auto;padding:.3rem .8rem}.app-category.portal{background-color:#4caf50;color:#fff}.app-category.management{background-color:#2196f3;color:#fff}.app-category.tools{background-color:#ff9800;color:#fff}@media (max-width:768px){.app-wall{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:15px}header h1{font-size:1.5rem}}@media (max-width:480px){.app-wall{grid-template-columns:1fr}.filter-buttons{align-items:center;flex-direction:column}}