:root {
    --primary: #0a2540;
    --secondary: #639fab;
    --accent: #d90429;
    --light: #f8f9fa;
    --dark: #212529;
}
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; line-height: 1.6; margin: 0; padding: 0; background: var(--light); color: var(--dark); }
header { background: var(--primary); color: white; padding: 1.5rem; text-align: center; }
nav { background: var(--secondary); display: flex; justify-content: center; gap: 15px; padding: 10px; }
nav a, .btn { color: white; text-decoration: none; padding: 8px 16px; background: rgba(0,0,0,0.2); border-radius: 4px; font-weight: bold; border: none; cursor: pointer;}
nav a:hover, .btn:hover { background: var(--accent); }
.container { max-width: 1000px; margin: 2rem auto; padding: 0 1rem; }
.card { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); margin-bottom: 2rem; }
.post-meta { font-size: 0.85rem; color: #666; margin-bottom: 1rem; }
.badge { padding: 4px 8px; border-radius: 4px; font-size: 0.8rem; font-weight: bold; }
.badge-pending { background: #ffe3e3; color: var(--accent); }
.badge-approved { background: #d3f9d8; color: #2b8a3e; }
.form-group { margin-bottom: 1.25rem; }
.form-group label { display: block; font-weight: bold; margin-bottom: .5rem; }
.form-group input, .form-group textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }