body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        main {
            flex: 1;
        }

        .truncate-2-lines {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
        }

        .empty-state {
            text-align: center;
        }

        .empty-state svg {
            display: block;
            margin: 0 auto;
        }

        .empty-state p {
            font-size: 16px;
            color: #555;
            margin-top: 16px;
        }

        .text-zinc-900 {
            --tw-text-opacity: 1;
            color: rgb(24 24 27 / var(--tw-text-opacity));
        }

        .text-zinc-700 {
            --tw-text-opacity: 1;
            color: rgb(63 63 70 / var(--tw-text-opacity));
        }

        .active {
            background-color: #ebf8ff;
            border-color: #3b82f6;
            color: #3b82f6;
        }

        .active-select {
            border: 2px solid #3b82f6 !important;
        }

        .w-\[3\.7rem\] {
            width: 3.7rem !important;
        }

        .left-\[1\.4px\] {
            left: 1.4px
        }

        .left-\[-1\.9px\] {
            left: -1.9px
        }

        .left-\[7px\] {
            left: 7px
        }

        .left-\[6px\] {
            left: 6px
        }

        .custom-loading .el-loading-text {
            color: white;
            font-size: 16px;
            font-weight: bold;
        }

        input:checked+label {
            background-color: #3b82f6;
        }

        input:checked+label span {
            transform: translateX(1.5rem);
        }

        .el-button--primary {
            background-color: rgba(31, 41, 55, 1);
            border: none;
        }

        .el-button:hover {
            background-color: rgba(31, 41, 55, 1);
            border-color: rgba(31, 41, 55, 1);
        }

        .is-active {
            background-color: rgba(31, 41, 55, 1) !important;
            border-color: rgba(31, 41, 55, 1) !important;
        }

        .hover\:bg-zinc-100:hover {
            --tw-bg-opacity: 1;
            background-color: rgb(244 244 245/var(--tw-bg-opacity))
        }

        @media only screen and (max-width: 767px) {
            .auth-modal .el-dialog {
                width: 95% !important
            }
        }

        @media only screen and (min-width: 600px) {
            .el-dialog {
                max-width: 550px !important
            }
        }

        @media only screen and (max-width: 599px) {
            .el-dialog {
                margin-top: 10vh !important;
                width: 95% !important
            }
        }
        /* ===== Page Preloader ===== */
        #ez-preloader {
            position: fixed;
            inset: 0;
            z-index: 99999;
            background: rgba(255,255,255,.85);
            backdrop-filter: blur(4px);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: opacity .35s ease, visibility .35s ease;
        }
        #ez-preloader.ez-loaded {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }
        .ez-preloader-bar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            z-index: 100000;
            overflow: hidden;
        }
        .ez-preloader-bar::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 40%;
            height: 100%;
            background: linear-gradient(90deg, #1677ff, #69b1ff);
            border-radius: 0 2px 2px 0;
            animation: ez-bar-slide 1s ease-in-out infinite;
        }
        @keyframes ez-bar-slide {
            0% { left: -40%; }
            100% { left: 100%; }
        }
        .ez-preloader-logo {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
        }
        .ez-preloader-logo img {
            height: 36px;
            animation: ez-logo-pulse 1.5s ease-in-out infinite;
        }
        @keyframes ez-logo-pulse {
            0%, 100% { opacity: .6; transform: scale(1); }
            50% { opacity: 1; transform: scale(1.04); }
        }
        .ez-preloader-dots {
            display: flex;
            gap: 6px;
        }
        .ez-preloader-dots span {
            width: 6px;
            height: 6px;
            background: #1677ff;
            border-radius: 50%;
            animation: ez-dot-bounce .6s ease-in-out infinite alternate;
        }
        .ez-preloader-dots span:nth-child(2) { animation-delay: .15s; }
        .ez-preloader-dots span:nth-child(3) { animation-delay: .3s; }
    


        body.ez-has-sidebar .ez-submenu-children {
            transition: max-height 0.3s cubic-bezier(0, 1, 0, 1) !important;
        }
        body.ez-has-sidebar .ez-submenu-children.ez-open {
            max-height: 800px !important;
            transition: max-height 0.4s ease-in-out !important;
        }
        body.ez-has-sidebar .ez-submenu-children a.ez-submenu-toggle::before {
            display: none !important;
        }