    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
        body { font-family: 'Inter', sans-serif; background-color: #f4f6f9; }
        
        :root {
            --bill-sidebar: #1b1b28;
            --bill-sidebar-hover: #262635;
            --bill-primary: #5f33e1;
            --bill-primary-hover: #4e2aa1;
        }

        .bg-sidebar { background-color: var(--bill-sidebar); }
        .bg-primary-brand { background-color: var(--bill-primary); }
        .hover-bg-primary:hover { background-color: var(--bill-primary-hover); }
        .text-primary-brand { color: var(--bill-primary); }

        .nav-item { transition: all 0.2s; color: #a1a1aa; }
        .nav-item:hover:not(.active) { color: #ffffff; background-color: var(--bill-sidebar-hover); }
        .nav-item.active { background-color: var(--bill-primary); color: #ffffff; font-weight: 500; }

        .input-conf {
            width: 100%; border: 1px solid #cbd5e1; border-radius: 6px; padding: 0.6rem 0.75rem; font-size: 0.875rem; outline: none; transition: all 0.2s; background: white;
        }
        .input-conf:focus { border-color: var(--bill-primary); box-shadow: 0 0 0 2px rgba(95, 51, 225, 0.1); }
        .input-conf:disabled { background-color: #f3f4f6; color: #6b7280; cursor: not-allowed; }

        .fade-in { animation: fadeIn 0.4s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* Ajustes de Tabla */
        .table-custom th { font-size: 11px; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em; padding: 12px 24px; border-bottom: 1px solid #e5e7eb; }
        .table-custom td { font-size: 13px; color: #1f2937; padding: 16px 24px; border-bottom: 1px solid #f3f4f6; vertical-align: middle; }
        .table-custom tr:hover td { background-color: #f9fafb; }
        .table-custom tr:last-child td { border-bottom: none; }

        .scrollbar-hide::-webkit-scrollbar { display: none; }
        .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
    </style>