.layout-admin .page-header,
.layout-admin .panel,
.layout-admin .hero-card,
.layout-admin .metric-card,
.layout-admin .stat-card {
    background: var(--norbell-card);
    border: 1px solid var(--norbell-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-soft);
}

.layout-admin .page-header {
    padding: 26px 28px;
}

.layout-admin .page-header h2,
.layout-admin .panel h3 {
    color: var(--norbell-primary);
    letter-spacing: -0.02em;
}

.layout-admin .page-header p,
.layout-admin .panel p,
.layout-admin .muted,
.layout-admin .helper-text,
.layout-admin .form-note {
    color: var(--norbell-muted);
}

.layout-admin .panel {
    padding: 24px 26px;
}

.layout-admin .panel__header {
    margin-bottom: 18px;
}

.layout-admin .button {
    border-radius: 14px;
    font-weight: 700;
    box-shadow: none;
}

.layout-admin .button--primary {
    background: linear-gradient(135deg, var(--norbell-primary) 0%, #344696 100%);
}

.layout-admin .button--secondary {
    background: var(--norbell-primary-soft);
    color: var(--norbell-primary);
}

.layout-admin .button--ghost {
    border: 1px solid var(--norbell-border);
    background: #fff;
    color: var(--norbell-primary);
}

.layout-admin .button--danger {
    background: var(--norbell-danger);
    color: #fff;
}

.layout-admin .search-bar {
    gap: 10px;
}

.layout-admin .search-bar input,
.layout-admin .search-bar select {
    min-height: 48px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid var(--norbell-border);
    background: #fff;
    color: var(--norbell-text);
}

.layout-admin .form-field input,
.layout-admin .form-field select,
.layout-admin .form-field textarea {
    border-radius: 14px;
    border-color: var(--norbell-border);
    color: var(--norbell-text);
}

.layout-admin .form-field input:focus,
.layout-admin .form-field select:focus,
.layout-admin .form-field textarea:focus,
.layout-admin .search-bar input:focus,
.layout-admin .search-bar select:focus {
    border-color: rgba(31, 45, 104, 0.24);
    box-shadow: 0 0 0 4px rgba(31, 45, 104, 0.08);
}

.layout-admin .table-wrapper {
    border: 1px solid var(--norbell-border);
    border-radius: 20px;
    background: #fff;
}

.layout-admin .table {
    background: #fff;
}

.layout-admin .table th {
    background: #f8faff;
    color: #51607e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.layout-admin .table td {
    color: var(--norbell-text);
}

.layout-admin .table tr:hover td {
    background: rgba(238, 243, 255, 0.52);
}

.layout-admin .badge {
    border-radius: 999px;
    min-height: 28px;
    padding: 0 12px;
    letter-spacing: 0.02em;
}

.layout-admin .badge--success {
    background: #ecf4ff;
    color: var(--norbell-primary);
}

.layout-admin .badge--warning {
    background: #eef3ff;
    color: #5c73d3;
}

.layout-admin .badge--danger {
    background: #fef2f2;
    color: var(--norbell-danger);
}

.layout-admin .badge--info {
    background: #eef3ff;
    color: var(--norbell-primary);
}

.layout-admin .badge--alert {
    background: #fff7ed;
    color: #c2410c;
}

.layout-admin .badge--muted {
    background: #f4f7fd;
    color: #576584;
}

.layout-admin .alert {
    border-radius: 16px;
    border: 1px solid transparent;
}

.layout-admin .alert--success {
    border-color: rgba(22, 163, 74, 0.14);
}

.layout-admin .alert--danger {
    border-color: rgba(220, 38, 38, 0.12);
}

.layout-admin .alert--warning {
    border-color: rgba(245, 158, 11, 0.12);
}

.layout-admin .alert--info {
    border-color: rgba(31, 45, 104, 0.08);
}

.layout-admin .empty-state {
    border: 1px dashed var(--norbell-border);
    border-radius: 18px;
    background: #fbfcff;
}

.layout-admin .modal-card {
    border-radius: 24px;
    border: 1px solid var(--norbell-border);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.1);
}

.layout-admin .modal-close {
    border-color: var(--norbell-border);
    background: #f8faff;
}

@media (max-width: 760px) {
    .layout-admin .page-header,
    .layout-admin .panel {
        padding: 20px 22px;
    }
}