:root { --brand: #2563eb; }
body { background: #f8fafc; color: #0f172a; }
.text-primary, .navbar-brand { color: var(--brand) !important; }
.btn-primary { background: var(--brand); border-color: var(--brand); }
.btn-outline-primary { color: var(--brand); border-color: var(--brand); }
.btn-outline-primary:hover { background: var(--brand); border-color: var(--brand); }
.hero { background: linear-gradient(135deg, #eef4ff, #ffffff); border: 1px solid #e2e8f0; border-radius: 28px; }
.post-card { border-radius: 18px; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
.post-card:hover { transform: translateY(-3px); box-shadow: 0 15px 30px rgba(15,23,42,.12) !important; }
.post-thumb { height: 210px; object-fit: cover; }
.placeholder-thumb { height: 210px; background: linear-gradient(135deg,#dbeafe,#eff6ff); color: var(--brand); }
.article-content { font-size: 1.08rem; line-height: 1.85; }
.article-content img { max-width: 100%; height: auto; border-radius: 14px; }
.article-content h2, .article-content h3 { margin-top: 1.8rem; }
.sidebar-stack { position: sticky; top: 90px; }
.admin-sidebar { min-height: 100vh; background: #111827; }
.admin-sidebar a { color: #cbd5e1; text-decoration: none; display: block; padding: .72rem 1rem; border-radius: 10px; }
.admin-sidebar a:hover, .admin-sidebar a.active { background: #1f2937; color: #fff; }
.table img.admin-thumb { width: 72px; height: 48px; object-fit: cover; border-radius: 8px; }
.stat-card { border: 0; border-radius: 18px; box-shadow: 0 10px 25px rgba(15,23,42,.08); }
.form-control, .form-select, .btn, .card { border-radius: 12px; }
@media(max-width:991px){ .sidebar-stack{ position: static; } .post-thumb,.placeholder-thumb{ height:180px; } }