/* Accounts page specific layout & cards */
.accounts-control{margin:20px;padding:20px;border-radius:20px;background:var(--surface);border:1px solid var(--glass-border);backdrop-filter:blur(20px)}
.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:20px}
.account-card{position:relative;background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03));border:1px solid var(--glass-border);border-radius:16px;padding:20px;transition:all .3s ease;overflow:visible}
.account-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.3);border-color:var(--primary)}

/* Favorite star button with tooltip */
.favorite-star-wrapper{position:absolute;top:5px;right:12px;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:5}
.favorite-tooltip{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-size:12px;color:white;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none;background:rgba(0,0,0,0.9);padding:6px 10px;border-radius:6px;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.5)}
.favorite-star-wrapper:hover .favorite-tooltip{opacity:1}

.favorite-star{background:none;border:none;font-size:28px;cursor:pointer;transition:all .2s ease;color:var(--warning);text-shadow:0 0 8px rgba(255,193,7,0.3);padding:0;position:relative;z-index:1}
.favorite-star:hover{transform:scale(1.15);text-shadow:0 0 12px rgba(255,193,7,0.6)}
.favorite-star.active{animation:starPulse .3s ease-out}
@keyframes starPulse{0%{transform:scale(0.8)}50%{transform:scale(1.2)}100%{transform:scale(1)}}