@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");

        :root {
            --font-inter: "Mulish", sans-serif;
            --font-mulish: "Mulish", sans-serif;
        }

        html, body {
            font-family: var(--font-inter) !important;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: var(--font-mulish) !important;
        }

        #livewire-error {
            display: none;
        }

        body {
            overflow: auto !important;
        }

        /* Modal Scroll Management Styles */
        .modal {
            overflow: hidden !important;
        }

        .modal-dialog {
            margin: 60px auto;
            max-height: calc(100vh - 120px);
        }

        .modal-content {
            max-height: calc(100vh - 120px);
            overflow-y: auto;
            overflow-x: hidden;
            display: flex;
            flex-direction: column;
        }

        .modal-header {
            flex-shrink: 0;
        }

        .modal-body {
            flex: 1 1 auto;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .modal-footer {
            flex-shrink: 0;
        }

        /* Prevent body scroll when modal is open */
        body.modal-open {
            overflow: hidden !important;
            padding-right: 0 !important;
        }

        /* Custom scrollbar for modal content */
        .modal-content,
        .modal-body {
            scrollbar-width: thin;
            scrollbar-color: #1a1a1a rgba(0, 0, 0, 0.06);
        }

        .modal-content::-webkit-scrollbar,
        .modal-body::-webkit-scrollbar {
            width: 8px;
        }

        .modal-content::-webkit-scrollbar-track,
        .modal-body::-webkit-scrollbar-track {
            background: rgba(0, 0, 0, 0.06);
        }

        .modal-content::-webkit-scrollbar-thumb,
        .modal-body::-webkit-scrollbar-thumb {
            background: #1a1a1a;
            border-radius: 999px;
        }

        .modal-content::-webkit-scrollbar-thumb:hover,
        .modal-body::-webkit-scrollbar-thumb:hover {
            background: #000000;
        }



        .toast-success {
            background-color: #2a3278 !important;
            color: #fff !important;
            transition: background 0.3s, backdrop-filter 0.3s;
        }

        .toast-success:hover {
            background-color: #3b4bb7 !important;
            /* lighter blue on hover */
            backdrop-filter: blur(4px);
        }