:root{line-height:1.5}html,body{margin:0;padding:0;height:100%}#app{margin:0;padding:0;height:100%;display:flex;flex-direction:column;min-height:100vh}a,button{cursor:pointer}.app-container[data-v-3ec27909]{height:100vh;display:flex;flex-direction:column;font-family:Arial Rounded MT Bold,Helvetica Neue,sans-serif;color:#333}.app-header[data-v-3ec27909]{background-color:#fff;padding:0 20px;height:90px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #00000014}.logo-container[data-v-3ec27909]{display:flex;cursor:pointer;align-items:center;gap:12px}.logo-icon[data-v-3ec27909]{height:45px;width:45px;object-fit:contain}.logo-text[data-v-3ec27909]{font-size:1.6rem;margin:0;font-weight:700;color:#0c43ff99}.header-buttons[data-v-3ec27909]{display:flex;gap:25px}.header-btn[data-v-3ec27909]{background-color:transparent;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .3s ease;color:#666}.active-btn[data-v-3ec27909]{background-color:#0c43ff99;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .3s ease;color:#fff}.header-btn .btn-icon[data-v-3ec27909] path{fill:#000}.btn-icon[data-v-3ec27909]{width:24px;height:24px;object-fit:contain}.btn-text[data-v-3ec27909]{font-size:.9rem;font-weight:500}.header-btn[data-v-3ec27909]:hover{background-color:#eef1ff;color:#0c43ff99}.search-section[data-v-3ec27909]{padding:30px 20px;background:#0c43ff99}.search-container[data-v-3ec27909]{max-width:800px;margin:0 auto;display:flex;position:relative}.search-container .icon[data-v-3ec27909]{margin-right:10px}.search-input[data-v-3ec27909]{flex:1;padding:14px 20px;border:none;border-radius:30px 0 0 30px;font-size:1rem;outline:none;box-shadow:0 2px 10px #0000001a}.search-btn[data-v-3ec27909]{background-color:#fff;color:#0c43ff99;border:none;border-radius:0 30px 30px 0;padding:0 20px;cursor:pointer;transition:all .3s ease}.search-btn[data-v-3ec27909]:hover{background-color:#f0f0f0}.main-content[data-v-3ec27909]{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(80,80,80,.5) transparent;padding:40px 20px;background-color:#f9f9f9}.agents-grid[data-v-3ec27909]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.agent-card[data-v-3ec27909]{background-color:#fff;border-radius:12px;overflow:hidden;display:flex;align-items:center;cursor:pointer;gap:20px;padding:20px;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn-3ec27909 .5s ease forwards;opacity:0}.agent-card[data-v-3ec27909]:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 20px #0000001a}.agent-cover[data-v-3ec27909]{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.agent-info[data-v-3ec27909]{flex:1}.agent-name[data-v-3ec27909]{margin:0 0 10px;color:#0c43ffbf;font-size:1.2rem}.agent-intro[data-v-3ec27909]{margin:0 0 10px;color:#666;font-size:.9rem;line-height:1.5}.agent-tags[data-v-3ec27909]{display:flex;flex-direction:row;gap:10px}.tag-item[data-v-3ec27909]{font-size:.7rem;color:#0c43ffb3;display:flex;align-items:center;justify-content:center;border-radius:20px;padding:3px 5px;background-color:#70afe126;width:40px}.no-results[data-v-3ec27909]{text-align:center;padding:50px 0;color:#666;font-size:1.1rem}.app-footer[data-v-3ec27909]{background:#0c43ff99;color:#fff;text-align:center;padding:20px;gap:10px;font-size:.9rem;display:flex;justify-content:center;align-items:center;flex-direction:column}@keyframes fadeIn-3ec27909{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.agents-grid[data-v-3ec27909]{grid-template-columns:repeat(2,1fr)}.header-buttons[data-v-3ec27909]{gap:15px}}@media(max-width:768px){.agents-grid[data-v-3ec27909]{grid-template-columns:1fr}.logo-text[data-v-3ec27909]{font-size:1.3rem}.header-btn[data-v-3ec27909],.active-btn[data-v-3ec27909]{padding:8px 12px;gap:4px}.btn-icon[data-v-3ec27909]{width:20px;height:20px}.btn-text[data-v-3ec27909]{font-size:.8rem}.search-section[data-v-3ec27909],.main-content[data-v-3ec27909]{padding:20px 15px}}@media(max-width:480px){.app-header[data-v-3ec27909]{height:auto;padding:15px;flex-direction:column;gap:15px}.logo-container[data-v-3ec27909]{justify-content:center}.header-buttons[data-v-3ec27909]{width:100%;justify-content:space-around;gap:5px}.agent-card[data-v-3ec27909]{flex-direction:column;text-align:center;padding:15px}.agent-cover[data-v-3ec27909]{width:100px;height:100px}.search-input[data-v-3ec27909]{padding:12px 15px;font-size:.9rem}}