@import url("anime-characters.css");

/* ============= DASHBOARD LAYOUT ============= */
.dash-wrap{display:flex;gap:2rem;padding:2rem;}
.dash-side{flex:0 0 230px;text-align:center;background:#111827;padding:1.5rem;border-radius:10px;}
.dash-main{flex:1;background:#111827;padding:1.5rem 2rem;border-radius:10px;}

.dash-avatar{width:120px;height:120px;border-radius:8px;object-fit:cover;margin-bottom:1rem;}
.dash-name{color:#fff;margin:0 0 1rem;font-size:1.1rem;}

.btn-primary{display:inline-block;background:#3b82f6;color:#fff;padding:.5rem 1.3rem;border-radius:6px;text-decoration:none;font-size:.9rem;}

.dash-nav{margin-top:1.5rem;text-align:left;}
.dash-nav a{display:block;padding:.35rem 0;color:#cbd5e1;font-size:.85rem;text-decoration:none;}
.dash-nav a:hover{color:#fff;}

.stat-bars{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0 2rem;padding:0;list-style:none;}
.stat-bars li{padding:.6rem 1rem;border-radius:6px;background:#1e293b;font-size:.85rem;color:#cbd5e1;}
.stat-bars .num{display:block;font-size:1.2rem;font-weight:700;margin-bottom:.1rem;color:#fff;}
.stat-bars .w{border-left:5px solid #22c55e}
.stat-bars .c{border-left:5px solid #3b82f6}
.stat-bars .p{border-left:5px solid #fbbf24}
.stat-bars .u{border-left:5px solid #a855f7}
.stat-bars .d{border-left:5px solid #ef4444}

.recent-votes{list-style:none;margin:0;padding:0}
.recent-votes li{margin:.4rem 0;font-size:.85rem}
.recent-votes li.like{color:#22c55e}
.recent-votes li.hate{color:#ef4444}
.recent-votes small{color:#94a3b8;margin-left:.4rem;font-size:.75rem}

.dim{color:#94a3b8;font-size:.85rem}


.progress-bar-wrap {
	background: #eee;
	border-radius: 4px;
	height: 6px;
	margin-bottom: 3px;
	width: 100px;
}
.progress-bar {
	background: #3b82f6;
	height: 100%;
	border-radius: 4px;
	transition: width 0.3s ease;
}
.delete-episode {
	background: none;
	border: none;
	color: #c00;
	cursor: pointer;
	margin-left: 6px;
}
.delete-episode:hover {
	color: #900;
}

/* responsive */
@media(max-width:700px){
  .dash-wrap{flex-direction:column}
  .dash-side{width:100%}
}