.accounting-page {
    --acct-border: #e5e7eb;
    --acct-muted: #6b7280;
    --acct-heading: #111827;
    --acct-surface: #ffffff;
}

.accounting-page > .flex.justify-between.items-center.mb-6,
.accounting-page > .flex.flex-col.sm\:flex-row.justify-between.items-start.sm\:items-center.gap-4.mb-6 {
    position: relative;
    overflow: hidden;
    border-radius: 1.25rem;
    border: 1px solid #c7d2fe;
    padding: 1.25rem 1.5rem;
    background:
        radial-gradient(circle at 92% 8%, rgba(165, 180, 252, 0.35), transparent 34%),
        radial-gradient(circle at 8% 86%, rgba(125, 211, 252, 0.3), transparent 38%),
        linear-gradient(135deg, #0f172a 0%, #1e1b4b 52%, #0f2f63 100%);
    box-shadow: 0 16px 36px -26px rgba(15, 23, 42, 0.72);
}

.accounting-page > .flex.justify-between.items-center.mb-6 h1,
.accounting-page > .flex.flex-col.sm\:flex-row.justify-between.items-start.sm\:items-center.gap-4.mb-6 h1 {
    color: #f8fafc !important;
}

.accounting-page > .flex.justify-between.items-center.mb-6 p,
.accounting-page > .flex.flex-col.sm\:flex-row.justify-between.items-start.sm\:items-center.gap-4.mb-6 p {
    color: #cbd5e1 !important;
}

.accounting-page > .flex.justify-between.items-center.mb-6 a,
.accounting-page > .flex.justify-between.items-center.mb-6 button,
.accounting-page > .flex.flex-col.sm\:flex-row.justify-between.items-start.sm\:items-center.gap-4.mb-6 a,
.accounting-page > .flex.flex-col.sm\:flex-row.justify-between.items-start.sm\:items-center.gap-4.mb-6 button {
    border-radius: 0.8rem !important;
}

.accounting-page .bg-white {
    border-radius: 1rem;
}

.accounting-page .table-modern thead th {
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    font-weight: 600;
}

.accounting-page .table-modern tbody tr:hover {
    background: #f8fafc;
}

.accounting-page input[type="text"],
.accounting-page input[type="date"],
.accounting-page input[type="number"],
.accounting-page input[type="time"],
.accounting-page input[type="email"],
.accounting-page input[type="url"],
.accounting-page select,
.accounting-page textarea {
    border-radius: 0.75rem;
}

.accounting-page .bg-green-100,
.accounting-page .bg-red-100 {
    border-radius: 0.75rem;
}

@media (max-width: 640px) {
    .accounting-page > .flex.justify-between.items-center.mb-6,
    .accounting-page > .flex.flex-col.sm\:flex-row.justify-between.items-start.sm\:items-center.gap-4.mb-6 {
        padding: 1rem;
    }
}