/* [FIX] Paksa warna utama */
        :root {
            --ks-primary: #0b5ed7;
            --ks-primary-hover: #094eb3;
            --ks-secondary: #64748b;
            --ks-secondary-hover: #475569;
            --ks-success: #16a34a;
            --ks-success-hover: #15803d;
            --ks-danger: #dc2626;
            --ks-danger-hover: #b91c1c;
            --ks-warning: #f59e0b;
            --ks-warning-hover: #d97706;
            --primary: #0b5ed7 !important;
            --primary-border: #0b5ed7 !important;
            --primary-hover: #094eb3 !important;
            --primary-rgba: rgba(11, 94, 215, 0.1) !important;
            --secondary: #1E1E1E !important;
            --ks-bg: #f8fafc;
            --ks-surface: #ffffff;
            --ks-surface-soft: #f3f6fb;
            --ks-text: #1e2022;
            --ks-muted: #4b5563;
            --ks-border: #e5e7eb;
        }

        .btn.btn-primary,
        .btn.btn-primary.disabled,
        .btn.btn-primary:disabled {
            background: var(--ks-primary) !important;
            border-color: var(--ks-primary) !important;
            color: #ffffff !important;
            box-shadow: none !important;
        }

        .btn.btn-primary:hover,
        .btn.btn-primary:focus,
        .btn.btn-primary:active {
            background: var(--ks-primary-hover) !important;
            border-color: var(--ks-primary-hover) !important;
            color: #ffffff !important;
            box-shadow: none !important;
        }

        .btn.btn-outline-primary {
            background: transparent !important;
            border-color: var(--ks-primary) !important;
            color: var(--ks-primary) !important;
            box-shadow: none !important;
        }

        .btn.btn-outline-primary:hover,
        .btn.btn-outline-primary:focus,
        .btn.btn-outline-primary:active {
            background: var(--ks-primary) !important;
            border-color: var(--ks-primary) !important;
            color: #ffffff !important;
        }

        .btn.btn-secondary,
        .btn.btn-secondary.disabled,
        .btn.btn-secondary:disabled {
            background: var(--ks-secondary) !important;
            border-color: var(--ks-secondary) !important;
            color: #ffffff !important;
            box-shadow: none !important;
        }

        .btn.btn-secondary:hover,
        .btn.btn-secondary:focus,
        .btn.btn-secondary:active {
            background: var(--ks-secondary-hover) !important;
            border-color: var(--ks-secondary-hover) !important;
            color: #ffffff !important;
        }

        .btn.btn-success,
        .btn.btn-success.disabled,
        .btn.btn-success:disabled {
            background: var(--ks-success) !important;
            border-color: var(--ks-success) !important;
            color: #ffffff !important;
            box-shadow: none !important;
        }

        .btn.btn-success:hover,
        .btn.btn-success:focus,
        .btn.btn-success:active {
            background: var(--ks-success-hover) !important;
            border-color: var(--ks-success-hover) !important;
            color: #ffffff !important;
        }

        .btn.btn-danger,
        .btn.btn-danger.disabled,
        .btn.btn-danger:disabled {
            background: var(--ks-danger) !important;
            border-color: var(--ks-danger) !important;
            color: #ffffff !important;
            box-shadow: none !important;
        }

        .btn.btn-danger:hover,
        .btn.btn-danger:focus,
        .btn.btn-danger:active {
            background: var(--ks-danger-hover) !important;
            border-color: var(--ks-danger-hover) !important;
            color: #ffffff !important;
        }

        .btn.btn-warning,
        .btn.btn-warning.disabled,
        .btn.btn-warning:disabled {
            background: var(--ks-warning) !important;
            border-color: var(--ks-warning) !important;
            color: #1f2937 !important;
            box-shadow: none !important;
        }

        .btn.btn-warning:hover,
        .btn.btn-warning:focus,
        .btn.btn-warning:active {
            background: var(--ks-warning-hover) !important;
            border-color: var(--ks-warning-hover) !important;
            color: #ffffff !important;
        }

        html[data-theme="dark"] .ks-theme-ready {
            color-scheme: dark;
            --ks-bg: #0f172a;
            --ks-surface: #111827;
            --ks-surface-soft: #1f2937;
            --ks-text: #e5e7eb;
            --ks-muted: #cbd5e1;
            --ks-border: #334155;
        }

        html[data-theme="dark"] .ks-theme-ready.ks-page-dark,
        html[data-theme="dark"] .ks-theme-ready .ks-surface-dark,
        html[data-theme="dark"] .ks-theme-ready .ks-card-dark {
            background-color: var(--ks-bg) !important;
            color: var(--ks-text) !important;
            border-color: var(--ks-border) !important;
        }

        html[data-theme="dark"] .ks-theme-ready .ks-surface-light,
        html[data-theme="dark"] .ks-theme-ready .ks-card-light,
        html[data-theme="dark"] .ks-theme-ready .ks-form-light,
        html[data-theme="dark"] .ks-theme-ready .ks-dropdown-light,
        html[data-theme="dark"] .ks-theme-ready .ks-table-light {
            background-color: #ffffff !important;
            color: #1e2022 !important;
            border-color: #e5e7eb !important;
        }

        html[data-theme="dark"] .ks-theme-ready .ks-text-on-dark,
        html[data-theme="dark"] .ks-theme-ready .ks-text-on-dark a:not(.btn) {
            color: var(--ks-text) !important;
        }

        html[data-theme="dark"] .ks-theme-ready .ks-muted-on-dark {
            color: var(--ks-muted) !important;
            opacity: 1 !important;
        }

        html[data-theme="dark"] .ks-theme-ready .ks-text-on-light,
        html[data-theme="dark"] .ks-theme-ready .ks-card-light h1,
        html[data-theme="dark"] .ks-theme-ready .ks-card-light h2,
        html[data-theme="dark"] .ks-theme-ready .ks-card-light h3,
        html[data-theme="dark"] .ks-theme-ready .ks-card-light h4,
        html[data-theme="dark"] .ks-theme-ready .ks-card-light h5,
        html[data-theme="dark"] .ks-theme-ready .ks-card-light h6 {
            color: #1e2022 !important;
        }

        html[data-theme="dark"] .ks-theme-ready .ks-muted-on-light,
        html[data-theme="dark"] .ks-theme-ready .ks-card-light .text-gray,
        html[data-theme="dark"] .ks-theme-ready .ks-card-light .text-muted {
            color: #4b5563 !important;
            opacity: 1 !important;
        }