body {
	font-family: Inter, system-ui, -apple-system, 'Helvetica Neue', Arial;
	background: #f7f7fb;
	color: #222;
	margin: 0;
}
.container {
	max-width: 900px;
	margin: 28px auto;
	background: #fff;
	padding: 20px 24px;
	border-radius: 8px;
	box-shadow: 0 4px 16px rgba(17,24,39,0.06);
}
.user-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}
.avatar {
	border-radius: 50%;
}
#username {
	font-size: 1.05rem;
}
#logout-btn {
	margin-left: auto;
	background: #ef4444;
	color: #fff;
	border: none;
	padding: 8px 12px;
	border-radius: 6px;
	cursor: pointer;
}
#add-book { display:flex; gap:8px; margin: 16px 0 }
#isbn { flex: 1; padding: 8px; border-radius:6px; border:1px solid #e5e7eb }
#add-btn { padding: 8px 12px; border-radius:6px; border:none; background:#2563eb; color:#fff; cursor:pointer }
.book-item { list-style: none; padding: 8px 0; border-bottom:1px solid #f1f5f9 }
.book-row { display:flex; gap:12px; align-items:center }
.cover { width:64px; height:96px; object-fit:cover; border-radius:4px; }
.meta { flex:1 }
.title { font-weight:600 }
.subtitle { color:#6b7280; font-size:0.9rem }
.actions { margin-left: 8px }
.remove-btn { background:#ef4444; color:#fff; border:none; padding:6px 8px; border-radius:6px; cursor:pointer }