.modal-header {
                padding: 10px !important;
                border-bottom: 3px solid #07548b !important;
            }

            .breadcrumb {
                border-bottom: 1px solid #07548b;
            }

                .breadcrumb a {
                    color: #003776 !important;
                }

            *, *::before, *::after {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
            }


            a {
                color: #3f84fc;
                text-decoration: none !important;
                background-color: transparent;
            }

                a:hover {
                    color: #0458eb;
                    text-decoration: underline;
                }




            .dashboard {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                min-height: 100vh;
            }

            .dashboard-app {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-flex: 2;
                -webkit-flex-grow: 2;
                -ms-flex-positive: 2;
                flex-grow: 2;
                margin-top: 55px;
            }

            .dashboard-content {
                -webkit-box-flex: 2;
                -webkit-flex-grow: 2;
                -ms-flex-positive: 2;
                flex-grow: 2;
                padding: 10px;
            }

            .dashboard-nav {
                min-width: 238px;
                position: fixed;
                left: 0;
                top: 0;
                bottom: 0;
                overflow: auto;
                background-color: #373193;
            }

            .p-5 {
                padding: 1rem !important;
            }

            .pt-4 {
                padding-top: 0px !important;
            }

            .dashboard-compact .dashboard-nav {
                display: none;
            }

            .dashboard-nav header {
                min-height: 84px;
                padding: 8px 27px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .dashboard-nav header .menu-toggle {
                    display: none;
                    margin-right: auto;
                }

            .dashboard-nav a {
                color: #515151;
            }

                .dashboard-nav a:hover {
                    text-decoration: none;
                }

            .dashboard-nav {
                background-color: #07548b;
            }

                .dashboard-nav a {
                    color: #fff;
                }

            .brand-logo {
                font-family: "Nunito", sans-serif;
                font-weight: bold;
                font-size: 20px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                color: #515151;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .brand-logo:focus, .brand-logo:active, .brand-logo:hover {
                    color: #dbdbdb;
                    text-decoration: none;
                }

                .brand-logo i {
                    color: #d2d1d1;
                    font-size: 27px;
                    margin-right: 10px;
                }

            .dashboard-nav-list {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }

            .dashboard-nav-item {
                min-height: 56px;
                padding: 8px 20px 8px 70px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                letter-spacing: 0.02em;
                transition: ease-out 0.5s;
            }

                .dashboard-nav-item i {
                    width: 36px;
                    font-size: 19px;
                    margin-left: -40px;
                }

                .dashboard-nav-item:hover {
                    background: rgba(255, 255, 255, 0.04);
                }


            .dashboard-nav-dropdown {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }

                .dashboard-nav-dropdown.show {
                    background: rgba(255, 255, 255, 0.04);
                }

                    .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle {
                        font-weight: bold;
                    }

                        .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle:after {
                            -webkit-transform: none;
                            -o-transform: none;
                            transform: none;
                        }

                    .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-menu {
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                    }

            .dashboard-nav-dropdown-toggle:after {
                content: "";
                margin-left: auto;
                display: inline-block;
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid rgba(81, 81, 81, 0.8);
                -webkit-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            .dashboard-nav .dashboard-nav-dropdown-toggle:after {
                border-top-color: rgba(255, 255, 255, 0.72);
            }

            .dashboard-nav-dropdown-menu {
                display: none;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -ms-flex-direction: column;
                flex-direction: column;
            }

            .dashboard-nav-dropdown-item {
                min-height: 40px;
                padding: 8px 20px 8px 70px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                transition: ease-out 0.5s;
            }

                .dashboard-nav-dropdown-item:hover {
                    background: rgba(255, 255, 255, 0.04);
                }

            .menu-toggle {
                position: relative;
                width: 42px;
                height: 42px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -ms-flex-pack: center;
                justify-content: center;
                color: #443ea2;
            }

                .menu-toggle:hover, .menu-toggle:active, .menu-toggle:focus {
                    text-decoration: none;
                    color: #875de5;
                }

                .menu-toggle i {
                    font-size: 20px;
                }

            .dashboard-toolbar {
                background-color: #dfdfdf;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 5px 27px;
                position: fixed;
                top: 0;
                right: 0;
                left: 0;
                z-index: 1000;
            }

            .nav-item-divider {
                height: 1px;
                margin: 1rem 0;
                overflow: hidden;
                background-color: rgba(236, 238, 239, 0.3);
            }

            @media (min-width: 992px) {
                .dashboard-app {
                    margin-left: 238px;
                }

                .dashboard-compact .dashboard-app {
                    margin-left: 0;
                }
            }


            @media (max-width: 768px) {
                .dashboard-content {
                    padding: 15px 0px;
                }
            }

            @media (max-width: 992px) {
                .dashboard-nav {
                    display: none;
                    position: fixed;
                    top: 0;
                    right: 0;
                    left: 0;
                    bottom: 0;
                    z-index: 1070;
                }

                    .dashboard-nav.mobile-show {
                        display: block;
                    }
            }

            @media (max-width: 992px) {
                .dashboard-nav header .menu-toggle {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                }
            }

            @media (min-width: 992px) {
                .dashboard-toolbar {
                    left: 238px;
                }

                .dashboard-compact .dashboard-toolbar {
                    left: 0;
                }
            }

            #overlay {
                background: #ffffff;
                color: #20a859;
                position: fixed;
                height: 100%;
                width: 100%;
                z-index: 5000;
                top: 0;
                left: 0;
                float: left;
                text-align: center;
                padding-top: 25%;
                opacity: .80;
            }

            .spinner {
                margin: 0 auto;
                height: 64px;
                width: 64px;
                animation: rotate 0.8s infinite linear;
                border: 5px solid firebrick;
                border-right-color: transparent;
                border-radius: 50%;
            }

            @keyframes rotate {
                0% {
                    transform: rotate(0deg);
                }

                100% {
                    transform: rotate(360deg);
                }
            }

            .delete-btn {
                cursor: pointer;
            }

            body {
                background: #f3f7fb;
                color: #1f2937;
            }

            .dashboard {
                background: #f3f7fb;
            }

            .dashboard-nav {
                background: #083f66;
                border-right: 1px solid rgba(255, 255, 255, 0.12);
                box-shadow: 14px 0 34px rgba(6, 38, 68, 0.16);
                min-width: 264px;
                padding: 14px 12px;
                z-index: 1040;
            }

                .dashboard-nav header {
                    justify-content: flex-start;
                    min-height: 76px;
                    padding: 6px 10px 16px;
                }

            .brand-logo {
                color: #ffffff;
                gap: 12px;
                line-height: 1.1;
            }

                .brand-logo:hover,
                .brand-logo:focus {
                    color: #ffffff;
                }

                .brand-logo i {
                    color: #ffffff;
                    font-size: 20px;
                    margin: 0;
                }

            .brand-mark {
                align-items: center;
                background: linear-gradient(135deg, #20a859, #12b9c7);
                border-radius: 8px;
                display: inline-flex;
                height: 42px;
                justify-content: center;
                min-width: 42px;
                width: 42px;
            }

            .brand-text {
                display: flex;
                flex-direction: column;
                gap: 4px;
            }

                .brand-text span {
                    font-size: 18px;
                    font-weight: 800;
                    letter-spacing: 0;
                }

                .brand-text small {
                    color: rgba(255, 255, 255, 0.68);
                    font-size: 11px;
                    font-weight: 500;
                }

            .dashboard-nav-list {
                gap: 4px;
                padding: 6px 0;
            }

            .dashboard-nav-item,
            .dashboard-nav-dropdown-item {
                border-radius: 8px;
                color: rgba(255, 255, 255, 0.86) !important;
                font-size: 14px;
                min-height: 44px;
                padding: 10px 12px 10px 46px;
                transition: background-color .2s ease, color .2s ease, transform .2s ease;
            }

                .dashboard-nav-item i {
                    color: rgba(255, 255, 255, 0.72);
                    font-size: 16px;
                    margin-left: -30px;
                    width: 26px;
                }

                .dashboard-nav-item:hover,
                .dashboard-nav-dropdown-item:hover,
                .dashboard-nav-dropdown.show > .dashboard-nav-dropdown-toggle {
                    background: rgba(255, 255, 255, 0.12);
                    color: #ffffff !important;
                    transform: translateX(2px);
                }

            .dashboard-nav-dropdown.show {
                background: rgba(255, 255, 255, 0.06);
                border-radius: 10px;
                padding-bottom: 6px;
            }

            .dashboard-nav-dropdown-menu {
                gap: 2px;
                padding: 0 0 0 18px;
            }

            .dashboard-nav-dropdown-item {
                font-size: 13px;
                min-height: 36px;
                padding-left: 34px;
            }

            .dashboard-nav-dropdown-toggle:after {
                border-top-color: rgba(255, 255, 255, 0.72);
            }

            .nav-item-divider {
                background: rgba(255, 255, 255, 0.16);
                margin: 12px 8px;
            }

            .dashboard-app {
                margin-top: 72px;
            }

            .dashboard-toolbar {
                background: rgba(255, 255, 255, 0.96);
                border-bottom: 1px solid #dce7f1;
                box-shadow: 0 10px 28px rgba(15, 44, 72, 0.08);
                min-height: 72px;
                padding: 10px 24px;
            }

                .dashboard-toolbar .menu-toggle {
                    background: #eef5fb;
                    border: 1px solid #d7e4ef;
                    border-radius: 8px;
                    color: #07548b;
                    margin-right: 14px;
                }

            .dashboard-toolbar-title {
                display: flex;
                flex-direction: column;
                min-width: 0;
            }

                .dashboard-toolbar-title strong {
                    color: white;
                    font-size: 18px;
                    line-height: 1.2;
                }

                .dashboard-toolbar-title small {
                    color: white;
                    font-size: 12px;
                }

            .dashboard-user-menu {
                align-items: center;
                display: flex;
                justify-content: flex-end;
                margin-left: auto;
                padding-right: 0 !important;
            }

            .dashboard-user-toggle {
                align-items: center;
                background: #f7fafc;
                border: 1px solid #dce7f1;
                border-radius: 999px;
                color: #1f2937 !important;
                display: flex;
                gap: 10px;
                padding: 6px 12px 6px 6px;
            }

            .dashboard-avatar {
                align-items: center;
                background: linear-gradient(135deg, #07548b, #20a859);
                border-radius: 50%;
                color: #ffffff;
                display: inline-flex;
                font-size: 13px;
                font-weight: 700;
                height: 34px;
                justify-content: center;
                min-width: 34px;
                width: 34px;
            }

            .dashboard-user-info {
                display: flex;
                flex-direction: column;
                line-height: 1.1;
            }

                .dashboard-user-info small {
                    color: #687a8b;
                    font-size: 11px;
                }

                .dashboard-user-info span {
                    color: #1f2937;
                    font-size: 13px;
                    font-weight: 700;
                }

            .dropdown-menu {
                border: 1px solid #dce7f1;
                border-radius: 8px;
                box-shadow: 0 18px 42px rgba(15, 44, 72, 0.14);
                padding: 8px;
            }

            .dropdown-item {
                border-radius: 6px;
                font-size: 14px;
                padding: 9px 11px;
            }

            .dashboard-content {
                padding: 18px 20px 28px;
            }

            .breadcrumb {
                align-items: center;
                background: transparent;
                border-bottom: 1px solid #d7e4ef;
                gap: 4px;
                margin-bottom: 16px;
                padding: 0 0 10px;
            }

                .breadcrumb a {
                    color: #07548b !important;
                    font-weight: 600;
                }

            @media (min-width: 992px) {
                .dashboard-app {
                    margin-left: 264px;
                }

                .dashboard-toolbar {
                    left: 264px;
                }

                .dashboard-compact .dashboard-app {
                    margin-left: 0;
                }

                .dashboard-compact .dashboard-toolbar {
                    left: 0;
                }
            }

            @media (max-width: 992px) {
                .dashboard-nav {
                    border-radius: 0 14px 14px 0;
                    bottom: 0;
                    left: 0;
                    max-width: 320px;
                    min-width: 292px;
                    right: auto;
                    width: 86vw;
                }

                .dashboard-toolbar {
                    padding: 10px 14px;
                }

                .dashboard-toolbar-title strong {
                    font-size: 16px;
                }
            }

            @media (max-width: 576px) {
                .dashboard-toolbar-title small,
                .dashboard-user-info {
                    display: none;
                }

                .dashboard-content {
                    padding: 12px 10px 22px;
                }
            }

            .dashboard-nav {
                display: none !important;
            }

            .dashboard-app {
                margin-left: 0 !important;
                margin-top: 74px;
                width: 100%;
            }

            .dashboard-toolbar {
                align-items: center;
                background: linear-gradient(135deg, #063f68, #07548b) !important;
                backdrop-filter: blur(14px);
                border-bottom: 1px solid rgba(255, 255, 255, 0.16);
                box-shadow: 0 12px 32px rgba(7, 84, 139, 0.22);
                gap: 18px;
                left: 0 !important;
                min-height: 78px;
                overflow: visible;
            }

                .dashboard-toolbar > .menu-toggle {
                    display: none;
                }

            .top-header-brand {
                align-items: center;
                color: #ffffff !important;
                display: inline-flex;
                gap: 12px;
                min-width: 210px;
                text-decoration: none !important;
            }

.top-header-logo-image {
    display: block;
    height: 55px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25));
    transition: transform 0.2s ease;
}

            .top-header-logo {
                align-items: center;
                background: rgba(255, 255, 255, 0.16);
                border: 1px solid rgba(255, 255, 255, 0.2);
                border-radius: 10px;
                box-shadow: none;
                color: #ffffff;
                display: inline-flex;
                height: 44px;
                justify-content: center;
                min-width: 44px;
                width: 44px;
            }

                .top-header-logo i {
                    font-size: 20px;
                }

            .top-header-brand-text {
                display: flex;
                flex-direction: column;
                line-height: 1.1;
            }

                .top-header-brand-text strong {
                    color: #ffffff;
                    font-size: 18px;
                    font-weight: 800;
                    letter-spacing: 0;
                }

                .top-header-brand-text small {
                    color: rgba(255, 255, 255, 0.72);
                    font-size: 11px;
                    font-weight: 600;
                }

            .top-header-menu {
                align-items: center;
                display: flex;
                flex: 1 1 auto;
                gap: 25px;
                justify-content: center;
                margin: 0;
                min-width: 0;
                overflow: visible;
                padding: 0 8px;
                white-space: nowrap;
            }

            .top-header-divider {
                background: rgba(255, 255, 255, 0.22);
                height: 36px;
                width: 1px;
            }

            .top-navbar-toggler {
                background: #eef5fb;
                border: 1px solid #d7e4ef;
                border-radius: 8px;
                color: #07548b;
                display: none;
                height: 42px;
                margin-left: auto;
                padding: 0;
                width: 42px;
            }

                .top-navbar-toggler:focus {
                    box-shadow: 0 0 0 3px rgba(7, 84, 139, 0.14);
                }

            .top-header-collapse {
                align-items: center;
                display: flex;
                flex: 1 1 auto;
                min-width: 0;
            }

            .top-header-menu::-webkit-scrollbar {
                height: 4px;
            }

            .top-header-menu::-webkit-scrollbar-thumb {
                background: #c7d7e5;
                border-radius: 999px;
            }

            .top-header-link {
                align-items: center;
                border-radius: 8px;
                color: rgba(255, 255, 255, 0.88) !important;
                display: inline-flex;
                font-size: 14px;
                font-weight: 700;
                gap: 8px;
                min-height: 40px;
                padding: 9px 12px;
                text-decoration: none !important;
            }

                .top-header-link i {
                    color: rgba(255, 255, 255, 0.82);
                    font-size: 15px;
                }

                .top-header-link:hover,
                .top-header-link:focus,
                .top-header-menu .dropdown.show > .top-header-link,
                .top-header-link.active {
                    background: rgba(255, 255, 255, 0.14);
                    color: #ffffff !important;
                }

                    .top-header-link:hover i,
                    .top-header-link:focus i,
                    .top-header-menu .dropdown.show > .top-header-link i,
                    .top-header-link.active i {
                        color: #ffffff;
                    }

                .top-header-link.active {
                    box-shadow: inset 0 -3px 0 #20a859;
                }

            .top-header-menu .dropdown-item.active,
            .top-header-menu .dropdown-item:active {
                background: #07548b;
                color: #ffffff !important;
            }

            .top-header-menu .dropdown-menu {
                margin-top: 10px !important;
                z-index: 1100;
            }

            @media (max-width: 992px) {
                .dashboard-toolbar {
                    align-items: center;
                    flex-wrap: wrap;
                    min-height: auto;
                    padding-bottom: 12px;
                }

                .dashboard-app {
                    margin-top: 116px;
                }

                .top-header-menu {
                    flex-basis: 100%;
                    justify-content: flex-start;
                    order: 3;
                    padding: 4px 0 0;
                }

                .top-header-brand {
                    min-width: auto;
                }

                .top-header-divider {
                    display: none;
                }
            }

            @media (max-width: 1199px) {
                .dashboard-app {
                    margin-top: 78px;
                }

                .top-navbar-toggler {
                    align-items: center;
                    display: inline-flex;
                    justify-content: center;
                }

                .top-header-collapse {
                    background: linear-gradient(135deg, #063f68, #07548b) !important;
                    border: 1px solid #dce7f1;
                    border-radius: 10px;
                    box-shadow: 0 18px 42px rgba(15, 44, 72, 0.14);
                    flex-basis: 100%;
                    order: 4;
                    padding: 10px;
                    position: absolute;
                    left: 14px;
                    right: 14px;
                    top: calc(100% + 8px);
                }

                    .top-header-collapse:not(.show) {
                        display: none;
                    }

                .top-header-menu {
                    align-items: stretch;
                    flex-direction: column;
                    overflow: visible;
                    padding: 0;
                    width: 100%;
                }

                .top-header-link {
                    justify-content: flex-start;
                    width: 100%;
                }

                .top-header-menu .dropdown-menu {
                    border: 0;
                    box-shadow: none;
                    margin-top: 0 !important;
                    padding: 0 0 4px 24px;
                    position: static !important;
                    transform: none !important;
                }
            }

            @media (max-width: 576px) {
                .dashboard-app {
                    margin-top: 78px;
                }

                .top-header-link {
                    font-size: 13px;
                    min-height: 36px;
                    padding: 8px 10px;
                }

                .top-header-brand-text small {
                    display: none;
                }
            }