body { font-family: Segoe UI, Tahoma, sans-serif; padding: 20px; background: #f7f8fa; color: #1b1b1b; }
.container { max-width: 1280px; margin: 0 auto; }
.main-header { background: #ffffff; border: 1px solid #dfe5ef; border-radius: 8px; margin-bottom: 16px; }
.nav-wrapper { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; align-items: center; padding: 10px 12px; }
.nav-left, .nav-right { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.brand-link { font-weight: 700; color: #0d6efd; text-decoration: none; margin-right: 8px; }
.nav-link { text-decoration: none; color: #1b1b1b; border: 1px solid #d4d9e2; border-radius: 4px; padding: 5px 9px; font-size: 13px; background: #f9fbff; }
.nav-link:hover { background: #eef3ff; }
.user-chip { font-size: 12px; padding: 4px 8px; border-radius: 999px; border: 1px solid #d4d9e2; background: #f7f9fc; }
.table { width: 100%; border-collapse: collapse; background: #fff; }
.table th, .table td { border: 1px solid #ddd; padding: 8px; vertical-align: top; }
.table th { background: #f1f3f6; }
.actions a { margin-right: 8px; }
.status-badge { padding: 4px 8px; border-radius: 12px; background: #eef2ff; display: inline-block; }
.btn { display: inline-block; padding: 6px 12px; border: 1px solid #ccc; background: #fff; text-decoration: none; cursor: pointer; border-radius: 4px; color: #1b1b1b; }
.btn-primary { background: #0d6efd; color: #fff; border-color: #0d6efd; }
.btn-danger { background: #dc3545; color: #fff; border-color: #dc3545; }
.btn:disabled { opacity: 0.55; cursor: not-allowed; }
.form-group { margin-bottom: 12px; }
.form-group label { display: block; margin-bottom: 4px; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 6px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.top-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 12px; }
.filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; align-items: end; }
.filter-item { min-width: 180px; }
.filter-item label { display: block; margin-bottom: 4px; font-size: 12px; color: #586074; }
.filter-item input, .filter-item select { width: 100%; padding: 7px 8px; border: 1px solid #c8cfda; border-radius: 4px; box-sizing: border-box; }
.checkbox-column { width: 36px; text-align: center; }
.actions-cell { white-space: nowrap; }
.message-success { background: #eaf8ef; border: 1px solid #b7e0c2; color: #256737; padding: 8px 10px; border-radius: 4px; margin-bottom: 12px; }
.message-error { background: #fdecec; border: 1px solid #f1c2c2; color: #a63a3a; padding: 8px 10px; border-radius: 4px; margin-bottom: 12px; }
table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #d5dbe6; }
table.dataTable.no-footer { border-bottom: 1px solid #d5dbe6; }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { margin-bottom: 10px; }