html[data-interface-theme="modern_saas"] {
    --bs-primary: #2563eb;
    --bs-primary-rgb: 37, 99, 235;
    --bs-success: #059669;
    --bs-success-rgb: 5, 150, 105;
    --pwr-modern-bg: #f8fafc;
    --pwr-modern-text: #0f172a;
    --pwr-modern-muted: #64748b;
    --pwr-modern-border: #e2e8f0;
    --pwr-modern-sidebar: #0f172a;
    --pwr-modern-shadow: 0 10px 26px rgba(15, 23, 42, .055);
    --pwr-modern-shadow-lg: 0 18px 42px rgba(15, 23, 42, .10);
}

.pwr-layout-nav-substitute {
    display: none;
}

html[data-interface-layout="topbar"] .sidenav-menu {
    display: none;
}

html[data-interface-layout="topbar"] .app-topbar,
html[data-interface-layout="topbar"] .content-page {
    margin-left: 0;
    left: 0;
}

html[data-interface-layout="topbar"] .button-collapse-toggle,
html[data-interface-layout="topbar"] .pwr-sidebar-collapse {
    display: none !important;
}

html[data-interface-layout="topbar"] .pwr-layout-nav-substitute {
    display: inline-flex;
}

html[data-interface-layout="topbar"] .topbar-menu {
    padding-left: 18px;
}

html[data-interface-theme="modern_saas"] body {
    background:
        linear-gradient(180deg, rgba(241, 245, 249, .98), rgba(248, 250, 252, 1) 320px),
        radial-gradient(circle at top right, rgba(37, 99, 235, .13), transparent 34rem);
    color: var(--pwr-modern-text);
}

html[data-interface-theme="modern_saas"] h1,
html[data-interface-theme="modern_saas"] .h1,
html[data-interface-theme="modern_saas"] h2,
html[data-interface-theme="modern_saas"] .h2,
html[data-interface-theme="modern_saas"] h3,
html[data-interface-theme="modern_saas"] .h3,
html[data-interface-theme="modern_saas"] h4,
html[data-interface-theme="modern_saas"] .h4,
html[data-interface-theme="modern_saas"] h5,
html[data-interface-theme="modern_saas"] .h5 {
    color: #020617;
    font-weight: 700;
    letter-spacing: 0;
}

html[data-interface-theme="modern_saas"] .text-muted,
html[data-interface-theme="modern_saas"] .small.text-muted {
    color: var(--pwr-modern-muted) !important;
}

html[data-interface-theme="modern_saas"] .sidenav-menu {
    width: 256px;
    background: var(--pwr-modern-sidebar);
    border-right: 1px solid rgba(148, 163, 184, .18);
    box-shadow: 12px 0 32px rgba(15, 23, 42, .12);
}

html[data-interface-theme="modern_saas"] .pwr-sidebar-user {
    padding: 16px;
    border-bottom-color: rgba(148, 163, 184, .18);
    color: #f8fafc;
}

html[data-interface-theme="modern_saas"] .pwr-sidebar-user-role {
    color: #94a3b8 !important;
}

html[data-interface-theme="modern_saas"] .pwr-sidebar-user .avatar,
html[data-interface-theme="modern_saas"] .avatar {
    border-radius: 8px !important;
}

html[data-interface-theme="modern_saas"] .side-nav {
    padding: 12px 10px;
}

html[data-interface-theme="modern_saas"] .side-nav-title {
    padding: 18px 10px 7px;
    color: #64748b;
    font-size: .68rem;
    letter-spacing: .08em;
}

html[data-interface-theme="modern_saas"] .side-nav-link {
    min-height: 38px;
    padding: .55rem .65rem;
    border-radius: 8px;
    color: #cbd5e1;
}

html[data-interface-theme="modern_saas"] .side-nav-link .menu-icon {
    color: #94a3b8;
}

html[data-interface-theme="modern_saas"] .side-nav-link:hover,
html[data-interface-theme="modern_saas"] .side-nav-link:focus,
html[data-interface-theme="modern_saas"] .side-nav-link[aria-expanded="true"] {
    background: rgba(37, 99, 235, .18);
    color: #fff;
}

html[data-interface-theme="modern_saas"] .side-nav-link:hover .menu-icon,
html[data-interface-theme="modern_saas"] .side-nav-link:focus .menu-icon,
html[data-interface-theme="modern_saas"] .side-nav-link[aria-expanded="true"] .menu-icon {
    color: #93c5fd;
}

html[data-interface-theme="modern_saas"] .sub-menu {
    padding-left: 30px;
}

html[data-interface-theme="modern_saas"] .sub-menu .side-nav-link {
    min-height: 32px;
    font-size: .86rem;
    color: #94a3b8;
}

html[data-interface-theme="modern_saas"] .app-topbar {
    height: 68px;
    background: rgba(255, 255, 255, .9);
    border-bottom: 1px solid rgba(226, 232, 240, .86);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05);
    backdrop-filter: blur(12px);
}

html[data-interface-theme="modern_saas"] .button-toggle-menu,
html[data-interface-theme="modern_saas"] .button-collapse-toggle,
html[data-interface-theme="modern_saas"] .topbar-link {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    color: #475569;
}

html[data-interface-theme="modern_saas"] .button-toggle-menu:hover,
html[data-interface-theme="modern_saas"] .button-toggle-menu:focus,
html[data-interface-theme="modern_saas"] .button-collapse-toggle:hover,
html[data-interface-theme="modern_saas"] .button-collapse-toggle:focus,
html[data-interface-theme="modern_saas"] .topbar-link:hover,
html[data-interface-theme="modern_saas"] .topbar-link:focus {
    background: #f1f5f9;
    color: #1d4ed8;
}

html[data-interface-theme="modern_saas"] .topbar-menu {
    height: 68px;
}

html[data-interface-theme="modern_saas"] .content-page .container-fluid {
    padding-top: 92px;
    max-width: 1540px;
}

html[data-interface-theme="modern_saas"] .pwr-page-title,
html[data-interface-theme="modern_saas"] .dashboard-hero,
html[data-interface-theme="modern_saas"] .d-flex.justify-content-between.align-items-center.mb-4,
html[data-interface-theme="modern_saas"] .d-flex.flex-wrap.justify-content-between.align-items-start.gap-3.mb-4 {
    padding: 0 0 4px;
}

html[data-interface-theme="modern_saas"] .card,
html[data-interface-theme="modern_saas"] .modal-content,
html[data-interface-theme="modern_saas"] .dropdown-menu {
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 8px;
    background: rgba(255, 255, 255, .98);
    box-shadow: var(--pwr-modern-shadow);
}

html[data-interface-theme="modern_saas"] .card-hovered:hover,
html[data-interface-theme="modern_saas"] .dashboard-action-link:hover,
html[data-interface-theme="modern_saas"] .dashboard-mini-link:hover {
    border-color: #bfdbfe;
    box-shadow: var(--pwr-modern-shadow-lg);
    transform: translateY(-1px);
}

html[data-interface-theme="modern_saas"] .card-header {
    background: transparent !important;
    border-bottom-color: rgba(226, 232, 240, .9);
    padding: 1rem 1.1rem;
}

html[data-interface-theme="modern_saas"] .card-footer {
    background: transparent;
    border-top-color: var(--pwr-modern-border);
}

html[data-interface-theme="modern_saas"] .card-body {
    padding: 1.1rem;
}

html[data-interface-theme="modern_saas"] .metric-card .card-body,
html[data-interface-theme="modern_saas"] .dashboard-kpi .card-body {
    min-height: 108px;
}

html[data-interface-theme="modern_saas"] .btn {
    border-radius: 7px;
    font-weight: 600;
    box-shadow: none !important;
}

html[data-interface-theme="modern_saas"] .btn-sm {
    border-radius: 6px;
}

html[data-interface-theme="modern_saas"] .btn-primary {
    --bs-btn-bg: #2563eb;
    --bs-btn-border-color: #2563eb;
    --bs-btn-hover-bg: #1d4ed8;
    --bs-btn-hover-border-color: #1d4ed8;
    --bs-btn-active-bg: #1e40af;
    --bs-btn-active-border-color: #1e40af;
}

html[data-interface-theme="modern_saas"] .btn-outline-secondary,
html[data-interface-theme="modern_saas"] .btn-outline-primary,
html[data-interface-theme="modern_saas"] .btn-outline-dark {
    background: #fff;
    border-color: #cbd5e1;
    color: #334155;
}

html[data-interface-theme="modern_saas"] .btn-outline-secondary:hover,
html[data-interface-theme="modern_saas"] .btn-outline-primary:hover,
html[data-interface-theme="modern_saas"] .btn-outline-dark:hover {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

html[data-interface-theme="modern_saas"] .form-control,
html[data-interface-theme="modern_saas"] .form-select,
html[data-interface-theme="modern_saas"] .input-group-text,
html[data-interface-theme="modern_saas"] .choices__inner {
    border-radius: 7px;
    border-color: #cbd5e1;
    background-color: #fff;
    box-shadow: none;
}

html[data-interface-theme="modern_saas"] .form-label {
    color: #334155;
    font-weight: 600;
    font-size: .84rem;
}

html[data-interface-theme="modern_saas"] .form-control:focus,
html[data-interface-theme="modern_saas"] .form-select:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .12);
}

html[data-interface-theme="modern_saas"] .table {
    --bs-table-bg: transparent;
    --bs-table-hover-bg: #f8fafc;
}

html[data-interface-theme="modern_saas"] .table thead th {
    color: #64748b;
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: #f8fafc;
    border-bottom-color: var(--pwr-modern-border);
}

html[data-interface-theme="modern_saas"] .table > :not(caption) > * > * {
    padding-top: .78rem;
    padding-bottom: .78rem;
    border-color: #eef2f7;
}

html[data-interface-theme="modern_saas"] .table-responsive {
    border-radius: 0 0 8px 8px;
}

html[data-interface-theme="modern_saas"] .badge {
    border-radius: 6px;
    font-weight: 650;
}

html[data-interface-theme="modern_saas"] .dropdown-item {
    border-radius: 6px;
    margin: 2px 4px;
    width: calc(100% - 8px);
}

html[data-interface-theme="modern_saas"] .dropdown-menu {
    padding: .35rem;
}

.pwr-interface-menu {
    width: min(340px, calc(100vw - 24px));
}

.pwr-interface-options {
    display: grid;
    gap: .45rem;
}

.pwr-interface-option {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .65rem;
    align-items: flex-start;
    padding: .7rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    background: var(--bs-body-bg);
    cursor: pointer;
}

.pwr-interface-option:hover {
    border-color: rgba(var(--bs-primary-rgb), .45);
    background: rgba(var(--bs-primary-rgb), .06);
}

.pwr-interface-option input {
    margin-top: .25rem;
}

.pwr-interface-option strong,
.pwr-interface-option small {
    display: block;
}

.pwr-interface-option small {
    color: var(--bs-secondary-color);
}

.pwr-interface-option:has(input:checked) {
    border-color: rgba(var(--bs-primary-rgb), .75);
    background: rgba(var(--bs-primary-rgb), .09);
}

.pwr-interface-menu form.is-saving {
    opacity: .72;
    pointer-events: none;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-heading,
html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-cell {
    width: 1%;
    min-width: 48px;
    white-space: nowrap;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-cell {
    padding-left: .45rem;
    padding-right: .65rem;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions {
    display: inline-flex;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-toggle {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 8px;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-toggle.is-active {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-toggle svg {
    width: 1rem;
    height: 1rem;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-panel {
    position: fixed;
    z-index: 1085;
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
    min-width: 228px;
    max-width: min(300px, calc(100vw - 24px));
    padding: .45rem;
    border: 1px solid rgba(226, 232, 240, .95);
    border-radius: 8px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 18px 48px rgba(15, 23, 42, .18);
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-panel.is-open {
    display: grid;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-panel::before {
    content: "";
    position: absolute;
    top: -6px;
    right: 16px;
    width: 10px;
    height: 10px;
    background: inherit;
    border-left: 1px solid rgba(226, 232, 240, .95);
    border-top: 1px solid rgba(226, 232, 240, .95);
    transform: rotate(45deg);
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-panel .pwr-modern-repair-action-item {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .45rem .6rem;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    background: #f8fafc;
    color: #334155;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: .86rem;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-panel .pwr-modern-repair-action-item:hover,
html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-panel .pwr-modern-repair-action-item:focus {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-panel .pwr-modern-repair-action-item.text-danger {
    color: #dc2626 !important;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-panel .pwr-modern-repair-action-item.text-success {
    color: #059669 !important;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-panel form {
    width: 100%;
}

html[data-interface-theme="modern_saas"] .pwr-modern-repair-actions-panel form .pwr-modern-repair-action-item {
    width: 100%;
}

html[data-interface-theme="modern_saas"] .alert {
    border-radius: 8px;
    border-width: 1px;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] {
    --bs-body-bg: #020617;
    --bs-body-color: #e2e8f0;
    --bs-tertiary-bg: #0f172a;
    --bs-border-color: #1e293b;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] body {
    background:
        linear-gradient(180deg, rgba(2, 6, 23, .98), rgba(2, 6, 23, 1) 260px),
        radial-gradient(circle at top right, rgba(37, 99, 235, .12), transparent 34rem);
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] h1,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .h1,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] h2,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .h2,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] h3,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .h3,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] h4,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .h4,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] h5,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .h5 {
    color: #f8fafc;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .text-muted,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .small.text-muted {
    color: #94a3b8 !important;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .sidenav-menu,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .app-topbar {
    border-color: #1e293b;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .sidenav-menu {
    background: #020617;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .app-topbar {
    background: rgba(15, 23, 42, .9);
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .card,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .modal-content,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .dropdown-menu {
    background: rgba(15, 23, 42, .98);
    border-color: #1e293b;
    color: #e2e8f0;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .card-header,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .pwr-sidebar-user {
    border-color: #1e293b;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .side-nav-link {
    color: #cbd5e1;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .side-nav-link .menu-icon,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .sub-menu .side-nav-link {
    color: #94a3b8;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .side-nav-link:hover,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .side-nav-link:focus,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .side-nav-link[aria-expanded="true"] {
    background: rgba(37, 99, 235, .16);
    color: #bfdbfe;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .table thead th {
    color: #94a3b8;
    background: #111827;
    border-bottom-color: #1e293b;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .table {
    --bs-table-hover-bg: rgba(30, 41, 59, .55);
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .table > :not(caption) > * > * {
    border-color: #1e293b;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .form-control,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .form-select,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .input-group-text,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .choices__inner {
    background-color: #020617;
    border-color: #334155;
    color: #e2e8f0;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .btn-outline-secondary,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .btn-outline-primary,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .btn-outline-dark {
    background: #0f172a;
    border-color: #334155;
    color: #e2e8f0;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .btn-outline-secondary:hover,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .btn-outline-primary:hover,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .btn-outline-dark:hover {
    background: #1e293b;
    border-color: #475569;
    color: #f8fafc;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .form-label {
    color: #cbd5e1;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .dropdown-item {
    color: #e2e8f0;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .dropdown-item:hover,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .dropdown-item:focus {
    background: rgba(37, 99, 235, .16);
    color: #bfdbfe;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .pwr-modern-repair-actions-toggle.is-active {
    background: rgba(37, 99, 235, .16);
    border-color: #3b82f6;
    color: #bfdbfe;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .pwr-modern-repair-actions-panel {
    background: rgba(15, 23, 42, .98);
    border-color: #1e293b;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .38);
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .pwr-modern-repair-actions-panel::before {
    border-color: #1e293b;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .pwr-modern-repair-actions-panel .pwr-modern-repair-action-item {
    background: #020617;
    border-color: #334155;
    color: #e2e8f0;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .pwr-modern-repair-actions-panel .pwr-modern-repair-action-item:hover,
html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .pwr-modern-repair-actions-panel .pwr-modern-repair-action-item:focus {
    background: rgba(37, 99, 235, .16);
    border-color: #3b82f6;
    color: #bfdbfe;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .pwr-modern-repair-actions-panel .pwr-modern-repair-action-item.text-danger {
    color: #fca5a5 !important;
}

html[data-interface-theme="modern_saas"][data-bs-theme="dark"] .pwr-modern-repair-actions-panel .pwr-modern-repair-action-item.text-success {
    color: #86efac !important;
}