/* VK MODERATION SAAS - STYLES */
:root { --primary: #0d6efd; --success: #198754; --danger: #dc3545; --warning: #ffc107; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; background: #f8f9fa; }
.card { border-radius: 0.5rem; transition: box-shadow 0.2s; }
.card:hover { box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.1); }
.btn { border-radius: 0.375rem; font-weight: 500; }
.btn-primary { background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%); border: none; }
.btn-primary:hover { background: linear-gradient(135deg, #0a58ca 0%, #084298 100%); }
.table th { font-weight: 600; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.025em; }
.badge { font-weight: 500; }
.alert { border: none; border-radius: 0.5rem; }
.form-control:focus, .form-select:focus { border-color: var(--primary); box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.15); }
.sidebar { position: fixed; left: 0; top: 0; height: 100vh; z-index: 1000; overflow-y: auto; }
.main-content { margin-left: 250px; }
@media (max-width: 991.98px) { .sidebar { position: relative; width: 100% !important; min-height: auto; } .main-content { margin-left: 0; } }
code { background: #f8f9fa; padding: 0.125rem 0.375rem; border-radius: 0.25rem; }