.agent-card{background:var(--surface-color);border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);border:1px solid var(--border-color);overflow:hidden;transition:all .3s ease-in-out;padding:1.5rem;display:flex;flex-direction:column;text-decoration:none;color:var(--text-color)}.agent-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px);border-color:var(--primary-color)}.agent-card .card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.agent-card .agent-avatar{flex-shrink:0;width:48px;height:48px;border-radius:.5rem;background:var(--surface-color-2);display:flex;align-items:center;justify-content:center}.agent-card .agent-avatar img{width:100%;height:100%;object-fit:cover;border-radius:.5rem}.agent-card .agent-avatar .agent-heroicon{width:24px;height:24px;color:var(--primary-color)}.agent-card .agent-title{flex-grow:1}.agent-card .card-actions{margin-left:auto}.agent-card .card-actions .delete-button{background:rgba(0,0,0,0);border:none;padding:.25rem;color:var(--text-muted);cursor:pointer;transition:color .15s ease-in-out}.agent-card .card-actions .delete-button .delete-icon{width:20px;height:20px;vertical-align:middle}.agent-card .card-actions .delete-button:hover{color:var(--error-color,#EF4444)}.agent-card .card-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-muted)}.agent-card .card-footer .agent-stats{display:flex;gap:1rem}.agent-card .card-footer .agent-stats span{background:var(--surface-color-2);padding:.25rem .5rem;border-radius:.375rem;font-weight:500;color:var(--text-secondary)}.agent-card .card-footer .last-updated{font-style:italic}