@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;800&display=swap";:root{--main-color:#8C66FF;--primary-color:#1A0D02;--white:#fff}body{background-color:#eaebf8;font-family:Montserrat}.app{height:100vh;overflow-x:hidden}.main{width:100%;height:100%}:root{--background-color: #ffffff;--text-color: #000000;--button-bg: #007bff;--button-text: #ffffff}[data-theme=dark]{--background-color: #161224;--text-color: #ffffff;--button-bg: #333333;--button-text: #ffffff}body{color:var(--text-color);transition:background-color .3s,color .3s}.app-content{background-color:var(--background-color)}button{background-color:var(--button-bg);color:var(--button-text);border:none;padding:10px 20px;cursor:pointer;border-radius:5px;font-family:inherit}.app-content{display:flex;width:100%;height:100%;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.app-content .side-bar-container{display:none}}.app-content .app-content-items{width:100%;height:100%;background-color:#eaebf8;padding:20px;overflow-y:scroll}.sidebar{position:relative;height:100vh;width:250px;display:flex;flex-direction:column;gap:50px;padding:50px 10px}.sidebar .sidebar-title{display:flex;width:100%;justify-content:center;align-items:center;gap:10px;cursor:pointer}.sidebar .sidebar-title img{width:30px}.sidebar .sidebar-title h4{font-weight:700;transition:.3s}.sidebar .ant-menu{border:none!important;outline:none!important;transition:.3s}.sidebar .ant-menu img{width:25px;height:25px}.sidebar .ant-menu .ant-menu-item{display:flex;align-items:center}.sidebar .bottom-menu{width:80%;position:absolute;bottom:30px}.sidebar .ant-menu-light .ant-menu-item-selected{background-color:#f2effb;color:#000}.sidebar .middle-items{margin:40px auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.sidebar .middle-items h4{margin-bottom:10px}.sidebar .middle-items .ant-btn{border-radius:22px;width:115px}.sidebar .middle-items .ant-btn:hover{background-color:#8c66ff;color:#fff}.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.navbar .drawer-button{display:none}@media (max-width: 768px){.navbar .drawer-button{display:flex}}.navbar .navbar-title{display:flex;flex-direction:column;gap:5px}.navbar .navbar-title h2{font-weight:600;font-size:22px}@media (max-width: 768px){.navbar .navbar-title h2{display:none;font-size:.6rem}}.navbar .navbar-title span{color:#8d8c90ef;font-size:.9rem}@media (max-width: 768px){.navbar .navbar-title span{display:none;font-size:.6rem}}.navbar .navbar-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:5px}.navbar .navbar-content .list ul{display:flex;align-items:center;gap:20px}.navbar .navbar-content .list ul li{font-size:1rem;cursor:pointer;color:#8d8c90ef}@media (max-width: 768px){.navbar .navbar-content .list ul li{font-size:.8rem}}.navbar .navbar-content .list img{width:30px;height:30px}.navbar .input-user{width:250px}.navbar .form-user{display:flex;align-items:center}.navbar .form-user .ant-btn{border:none!important;outline:none!important;background-color:transparent!important;box-shadow:none}.navbar .form-user .ant-btn svg{width:40px;height:40px}*{padding:0;margin:0;box-sizing:border-box;font-weight:500}* ::-webkit-scrollbar{width:8px;height:8px}* ::-webkit-scrollbar-track{background:#fff;border-radius:10px}* ::-webkit-scrollbar-thumb{background:#7e7e7e;border-radius:10px}* ::-webkit-scrollbar-thumb:hover{background:#a0a0a0}body{font-family:Montserrat}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}ul{list-style:none}ul li{padding:0;margin:0}:root{--max-width: 768px;--font-headline: "", sans-serif;--font-regular: 400;--font-medium: 600;--font-bold: 700;--font-extrabold: 900;--font-size-smallest: .75rem;--font-size-smaller: .875rem;--font-size-normal: 1rem;--font-size-large: 1.125rem;--font-size-larger: 1.375rem;--font-size-largest: 1.5rem;--font-size-h1: clamp(2rem, 3.3vw + 1.3rem, 4rem);--font-size-h2: clamp(1.75rem, 1vw + 1rem, 2.9rem);--font-size-h3: clamp(1rem, .5vw + 1rem, 1.375rem)}.ant-checkbox-checked .ant-checkbox-inner{background-color:#8c66ff!important;color:#fff;border-color:#8c66ff!important}.ant-checkbox-inner{width:20px!important;height:20px!important;border:2px solid gray!important;border-radius:6px!important}.ant-checkbox-inner:checked{border-color:#8c66ff!important}.content{width:100%;height:100%}.ant-btn:hover{border-color:none}.ant-switch.ant-switch-checked{background-color:#8c66ff}.space{padding-bottom:20px;height:100%;width:100%}.switch-btn{display:flex;justify-content:center;align-items:center}.switch-btn .MuiSwitch-root .Mui-checked{color:#8c66ff}.switch-btn .MuiSwitch-root .Mui-checked .MuiSwitch-thumb{background-color:#8c66ff}.switch-btn .MuiSwitch-root .Mui-checked+.MuiSwitch-track{background-color:#8c66ff}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:#7a5af8}.ant-picker-ok button{width:30px;height:10px;padding:15px}.ant-slider .ant-slider-handle:focus:after{outline-color:#7a5af84d}.ant-picker-focused{border-color:#7a5af8!important;box-shadow:0 0 0 2px #7a5af84d!important}.ant-input:focus,.ant-input-focused{border-color:#7a5af8!important;box-shadow:0 0 0 2px #7a5af84d!important;outline:none}.ant-btn{padding:20px 0;background-color:#8c66ff!important;color:#fff!important}.ant-btn.custom-btn,.ant-btn.custom-btn-variant{padding:20px 35px;border-radius:30px}.ant-btn.custom-btn-variant{background-color:transparent!important;color:#6a4df3!important}.ant-btn:disabled{background-color:gray!important;border-color:transparent!important;color:#fff!important}.ant-btn:disabled:hover{color:#fff!important;background-color:gray!important;border-color:transparent!important}.ant-btn:hover{background-color:transparent!important;border-color:#6a4df3!important;color:#8c66ff!important}.MuiSnackbar-root .MuiPaper-root{background-color:var(--white)!important}.MuiSnackbar-root .MuiPaper-root .MuiSnackbarContent-message{color:#7a5af8!important}.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected:not(.ant-picker-cell-disabled) .ant-picker-cell-inner{background-color:#7a5af8}.ant-picker-dropdown .ant-picker-time-panel-column>li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner{background-color:#8c66ff1f}.ant-btn-color-primary{box-shadow:0 2px #8c66ff1f}.ant-picker{width:100%}.ant-message .ant-message-notice-wrapper .ant-message-loading>.anticon{color:#6a4df3}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item .dropdown-option{display:flex;padding:1px;justify-content:space-around;align-items:center}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-selected,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-selected:hover{background-color:#8c66ff!important;color:#fff}.ant-dropdown-menu-submenu .ant-dropdown-menu .ant-dropdown-menu-item:hover{color:#8c66ff;background-color:#e8e2ff!important}textarea{resize:none;font-family:Montserrat}textarea::-webkit-scrollbar{display:none}textarea:focus-visible{outline:none}.ant-input,.ant-input-password,.ant-picker,textarea{border-radius:20px;width:100%;border:1px solid #d9d9d9;padding:8px 16px;font-size:14px;color:#333;transition:all .3s ease}.ant-input:hover,.ant-input-password:hover,.ant-picker:hover,textarea:hover{border-color:#7a5af8!important;box-shadow:0 0 5px #7a5af866!important}.ant-input:focus,.ant-input-password:focus,.ant-picker:focus,textarea:focus{border-color:#7a5af8!important;box-shadow:0 0 8px #7a5af899!important}.ant-input-password .ant-input{border:none!important;box-shadow:none!important}.ant-upload-wrapper .ant-upload-drag .ant-upload-btn{border-radius:22px}.ant-upload-wrapper .ant-upload-drag{border-radius:22px;border-color:#7a5af8}.ant-upload-wrapper .ant-upload-drag:not(.ant-upload-disabled):hover{border-color:#7a5af8}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item{border-color:#8c66ff1f}.ant-upload-list-item-actions button{background-color:transparent!important;color:#fff!important;border-radius:8px;border:none!important;transition:background-color .3s ease}.ant-upload-list-item-actions button:hover{background-color:transparent!important}.ant-input-outlined:focus-within{border-color:#7a5af8;box-shadow:0 0 0 2px #8c66ff1f}.ant-slider .ant-slider-handle:active:after,.ant-slider .ant-slider-handle:hover:after{outline:6px solid rgba(140,102,255,.1215686275)}.ant-checkbox-wrapper:not(.ant-checkbox-wrapper-disabled):hover .ant-checkbox-inner{border-color:#7a5af8}.ant-select{width:100%;height:auto!important;font-family:inherit}.ant-select .ant-select-selector{border-radius:50px;padding:5px 20px!important}.ant-select .ant-select-selector:hover,.ant-select .ant-select-selector:focus{border-color:#8c66ff!important}.ant-select-focused .ant-select-selector{border-color:#8c66ff!important;box-shadow:0 0 0 2px #8c66ff1f!important;width:100%!important;border:1px solid rgba(5,1,16,.1215686275);padding:5px;border-radius:30px}.ant-select-selector{border-color:#bdbdbd!important}.ant-select-item-option-selected{background-color:#8c66ff27!important;color:#8c66ff!important}.ant-color-picker-trigger{border:none}.ant-color-picker-trigger.ant-color-picker-trigger-active{box-shadow:none}.ant-menu-light:not(.ant-menu-horizontal) .ant-menu-item:not(.ant-menu-item-selected):active{background-color:#fff}.ant-form-item .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{content:"•";font-size:20px}.MuiSwitch-root .Mui-checked{color:#8c66ff}.MuiSwitch-root .Mui-checked .MuiSwitch-thumb{background-color:#8c66ff!important}.MuiSwitch-root .Mui-checked+.MuiSwitch-track{background-color:#8c66ff!important}.MuiRadio-root,.MuiRadio-root.Mui-checked{color:#7a5af8!important}.css-17jyosd-MuiSwitch-thumb{box-shadow:0 2px 1px -1px #8c66ff1f,0 1px 1px #8c66ff1f,0 1px 3px #8c66ff1f}.css-161ms7l-MuiButtonBase-root-MuiSwitch-switchBase.Mui-checked{color:#6a4df3!important}.ant-upload-wrapper .ant-upload-list.ant-upload-list-picture .ant-upload-list-item .ant-upload-list-item-thumbnail .anticon{color:#6a4df3}.uploader-list-item{background-color:transparent;margin:10px;padding:10px;border-radius:22px;width:100%;border:2px solid rgba(140,102,255,.262745098)!important;display:flex;align-items:center;justify-content:space-between;flex:1 1 1}.uploader-list-item .left-section{display:flex;justify-content:center;align-items:center}.uploader-list-item .file-name{overflow-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploader-list-item .video-img{width:40px!important;height:40px!important;background-color:transparent;display:flex;border-radius:8px;border:2px solid rgba(140,102,255,.262745098)!important;margin:10px}.uploader-list-item .icons-container{padding:10px;display:flex;flex:1 1 1;gap:10px;justify-self:flex-end!important}.folder-modal.ant-modal,.folder-modal.ant-modal-wrap,.folder-modal.ant-modal-content{z-index:2000!important}.folder-modal .title{font-size:12px;margin:10px}.folder-modal .modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:20px}.folder-modal .modal-buttons .cancel-btn{background-color:transparent!important;border:1px solid #8c66ff;color:#000!important;border-radius:22px;padding:15px 30px;font-size:14px;min-width:120px}.folder-modal .modal-buttons .cancel-btn:hover{background-color:#f4f4f4}.folder-modal .modal-buttons .ok-btn{background-color:#8c66ff;color:#fff;border-radius:22px;padding:15px 30px;font-size:14px;min-width:120px}.modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:20px}.modal-buttons .cancel-btn{background-color:transparent!important;border:1px solid #8c66ff;color:#000!important;border-radius:22px;padding:15px 30px;font-size:14px;min-width:120px}.modal-buttons .cancel-btn:hover{background-color:#f4f4f4}.modal-buttons .ok-btn{background-color:#8c66ff;color:#fff;border-radius:22px;padding:15px 30px;font-size:14px;min-width:120px}.ant-divider-horizontal{margin:14px 0}.uploader-list-item{background-color:transparent;margin:10px;padding:10px;border-radius:22px;border:2px solid rgba(140,102,255,.1215686275);display:flex;align-items:center}.uploader-list-item .video-img{width:40px;height:40px;background-color:transparent;display:flex;border-radius:8px;border:1px solid rgba(141,140,144,.2470588235);margin:10px;justify-content:center;align-items:center;color:#6a4df3}.uploader-list-item .video-img img{object-fit:cover}.uploader-list-item .icons-container{padding:10px;display:flex;gap:10px}.uploader-list-item .icons-container .bin,.uploader-list-item .icons-container .menu{cursor:pointer}.ant-select-dropdown .anticon{color:#8c66ff}.ant-spin-dot i{background-color:#8c66ff!important}.ant-menu-light.ant-menu-root.ant-menu-vertical{border-inline-end:none}.ant-menu-light .ant-menu-item-selected{color:#7a5af8!important;background-color:#8c66ff27!important}.ant-menu-item{display:flex!important}.ant-result-warning .ant-result-icon>.anticon{color:#7a5af8!important}.home{padding-bottom:20px}.home .card-home{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home .card-home .card{flex-basis:23%;height:100px;background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.home .card-home .card .left-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;margin-top:20px}.home .card-home .card .left-card svg{width:50px;height:50px}.home .card-home .card .mid-card{height:80%;width:10%}.home .card-home .card .mid-card svg{height:100%}.home .card-home .card .right-card{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.home .content-home{width:100%;background:#fff;margin-top:20px;border-radius:10px;height:300px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.home .content-home .first-content-home{width:100%;text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:2PX solid rgba(204,202,202,.652)}.home .content-home .card-content-home{background-color:#fbfafd;width:100%;height:auto;display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:10px}.home .content-home .card-content-home .left-card-content-home{width:40%;display:flex;align-items:center;gap:10px}.home .content-home .card-content-home .left-card-content-home img{width:40px;height:40px;background-color:#fff;border-radius:50%}.home .content-home .card-content-home .mid-card-content-home{width:30%;display:flex;align-items:center;justify-content:space-between}.home .content-home .card-content-home .right-card-content-home{width:30%;display:flex;align-items:center;justify-content:flex-end;gap:10px}.home .content-home .card-content-home .right-card-content-home svg{width:40px;height:40px}.users{width:100%;height:auto;padding:20px}.users .app-users{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:20px}.users .app-users .ant-btn{border-radius:50px;width:100px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px}.users .app-users .ant-btn:first-child{background-color:#0f796d}.users .app-users .ant-btn:last-child{background-color:#8c66ff}.users .app-users .ant-btn span{color:#fff}.users .app-users .ant-btn svg{width:20px;height:20px}.users .first-table-user-body{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0;border-radius:15px;padding:20px;background-color:#8c66ff;color:#fff}.users .first-table-user-body .name{display:flex;align-items:center;justify-content:space-between;gap:30px}.users .first-table-user-body .name img{width:20px;height:20px;border-radius:50%;visibility:hidden}.users .first-table-user-body .actions{visibility:hidden;display:flex;align-items:center}.users .first-table-user-body .actions svg{width:40px;height:40px}.users .first-table-user-body .actions .last-svg{background-color:#8c66ff}.users .table-user-body{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0;border-radius:15px;padding:20px;background-color:#fff;color:#0c0b0b}.users .table-user-body .name{display:flex;align-items:center;justify-content:space-between;gap:20px}.users .table-user-body .name img{width:40px;height:40px;background-color:#fff;border-radius:50%}.users .table-user-body .actions{display:flex;align-items:center}.users .table-user-body .actions svg{width:40px;height:40px}.users .table-user-body .actions .last-svg{background-color:#8c66ff;width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.users .table-user-body .actions .last-svg svg{fill:#fff;width:100%;height:100%}.plans-payment{padding-bottom:20px}.plans-payment .app-plans-payment{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:20px}.plans-payment .app-plans-payment .ant-btn{border-radius:50px;width:150px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px}.plans-payment .app-plans-payment .ant-btn:first-child{background-color:#0f796d}.plans-payment .app-plans-payment .ant-btn:last-child{background-color:#8c66ff}.plans-payment .app-plans-payment .ant-btn span{color:#fff}.plans-payment .app-plans-payment .ant-btn svg{width:20px;height:20px}.plans-payment .body-plans-payment{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.plans-payment .body-plans-payment .card-plans-payment{flex-basis:23%;align-items:flex-start;height:auto;background-color:#fff;border-radius:10px;padding:20px}.plans-payment .body-plans-payment .card-plans-payment .card-svg{text-align:end}.plans-payment .body-plans-payment .card-plans-payment .card-list{text-align:center}.plans-payment .body-plans-payment .card-plans-payment .card-list .card-border{border:1px solid #8C66FF;margin-top:20px}.plans-payment .body-plans-payment .card-plans-payment .card-list h2{margin:20px 0}.plans-payment .body-plans-payment .card-plans-payment .card-list-items ul{text-align:start}.plans-payment .body-plans-payment .card-title{margin-top:20px}.notification{padding-bottom:20px}.notification .app-notifications{display:flex;width:100%;justify-content:flex-end}.notification .app-notifications .ant-btn{border-radius:50px;width:150px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background-color:#8c66ff}.notification .app-notifications .ant-btn span{color:#fff}.notification .app-notifications .ant-btn svg{width:20px;height:20px}.notification .notifications-body{width:100%;margin-top:20px;display:flex;flex-direction:column;gap:10px}.notification .notifications-body .card-notifications{display:flex;justify-content:space-between;background-color:#fff;padding:20px;border-radius:10px;height:auto}.notification .notifications-body .card-notifications .card-notifications-title,.notification .notifications-body .card-notifications .card-notifications-body{display:flex;flex-direction:column;gap:10px}.notification .notifications-body .card-notifications .card-notifications-title .title{color:#8c66ff}.notification .notifications-body .card-notifications .card-notifications-body{justify-content:flex-end;align-items:end}.notification .notifications-body .card-notifications .card-notifications-body .title{color:#8c66ff}.settings{padding-bottom:20px}.settings .app-settings{display:flex;width:100%;justify-content:flex-end}.settings .app-settings .ant-btn{border-radius:50px;width:150px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background-color:#8c66ff}.settings .app-settings .ant-btn span{color:#fff}.settings .app-settings .ant-btn svg{width:20px;height:20px}.settings .settings-card{margin-top:20px;display:flex;flex-wrap:wrap;gap:20px;width:100%}.settings .settings-card .settings-card-items{width:23%;background-color:#fff;padding:20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.settings .settings-card .settings-card-items .title{color:#8c66ff}.settings .settings-card .settings-card-items .ant-switch.ant-switch-checked{background-color:#8c66ff}.stats{padding-bottom:20px}.stats .card-home{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%}.stats .card-home .card{flex-basis:23%;height:100px;background-color:#fff;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.stats .card-home .card .left-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40%;margin-top:20px}.stats .card-home .card .left-card svg{width:50px;height:50px}.stats .card-home .card .mid-card{height:80%;width:10%}.stats .card-home .card .mid-card svg{height:100%}.stats .card-home .card .right-card{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.stats .charts-home{width:100%;background-color:#fff;margin-top:20px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.stats .charts-home .charts{width:60%;padding:20px}.stats .charts-home .right-charts{width:40%;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.stats .charts-home .right-charts .right-charts-items{width:150px;height:100px;border:2px solid black;border-radius:10px;border-bottom:10px solid #8C66FF;display:flex;flex-direction:column;align-items:center;justify-content:center}.stats .stats-section{margin-top:20px;width:100%;display:flex;justify-content:space-between;align-items:center}.stats .stats-section .left-stats-section{width:48%;height:300px;background-color:#fff;border-radius:10px;overflow-y:auto}.stats .stats-section .left-stats-section ul{padding:20px}.stats .stats-section .left-stats-section ul li{display:flex;justify-content:space-between;margin-top:20px}.stats .stats-section .left-stats-section ul li .left-stats-section-items{display:flex;align-items:center;gap:10px}.stats .stats-section .left-stats-section ul li .left-stats-section-items-icon{display:flex;align-items:center;background-color:#0ff;border-radius:10px;padding:5px}.stats .stats-section .right-stats-section{width:48%;background-color:#fff;height:300px;border-radius:10px}.log-out{padding-bottom:20px}.log-out .app-log-out{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:20px}.log-out .app-log-out .ant-btn{border-radius:50px;width:100px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background-color:#8c66ff}.log-out .app-log-out .ant-btn span{color:#fff}.log-out .app-log-out .ant-btn svg{width:20px;height:20px}.log-out .log-out-content{width:100%;padding:20px 20px 150px;background-color:#fff;border-radius:10px;height:fit-content}.log-out .log-out-content .log-out-content-img{display:flex;margin-top:20px;justify-content:center;align-items:center}.log-out .log-out-content .log-out-content-img img{width:150px;height:150px;border-radius:50%}.log-out .log-out-content-form .ant-form{margin-top:70px;display:flex;justify-content:space-between;flex-wrap:wrap}.log-out .log-out-content-form .ant-form .ant-form-item{width:48%}.ant-modal-content .ant-modal-footer{width:100%;display:flex;justify-content:space-between}.new-qr-tabs .subtabs{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px;margin-top:20px}.new-qr-tabs .subtabs .tabbutton{padding:10px 25px;border-radius:12px;border:1px solid rgba(140,102,255,.2196078431);background-color:transparent;color:#050110;font-weight:600}.new-qr-tabs .subtabs .tabbutton.active{color:#fff;background-color:#8c66ff;border-color:#8c66ff}.new-qr-tabs .subtabs-content{width:100%;margin-top:20px}.new-qr-tabs{width:100%;margin-top:28px;box-shadow:0 0 5px -2px #8d8c90;border-radius:18px}.new-qr-tabs .qr-tabs-container{background-color:#ffffff52;border-top-left-radius:18px;border-top-right-radius:18px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.new-qr-tabs .qr-tabs-container::-webkit-scrollbar{display:none}.new-qr-tabs .qr-tabs-container .qr-tabs-container2{min-width:max-content;overflow:hidden}.new-qr-tabs .qr-tabs-container .qr-tabs{display:flex;min-width:max-content;align-items:end;gap:6px;flex-wrap:nowrap}.new-qr-tabs .qr-tabs-container .qr-tabs .tab-button{font-size:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:18px 18px 0 0;font-weight:600;color:#8d8c90;--bg: transparent;background-color:var(--bg);position:relative}.new-qr-tabs .qr-tabs-container .qr-tabs .tab-button:after{content:"";pointer-events:none;background-color:transparent;position:absolute;border-radius:18px;width:32px;height:32px;bottom:0;right:-32px;box-shadow:-18px 18px var(--bg)}.new-qr-tabs .qr-tabs-container .qr-tabs .tab-button:before{content:"";pointer-events:none;background-color:transparent;position:absolute;border-radius:18px;width:32px;height:32px;bottom:0;left:-32px;box-shadow:18px 18px var(--bg)}.new-qr-tabs .qr-tabs-container .qr-tabs .tab-button:hover{--bg: #ffffff99 }.new-qr-tabs .qr-tabs-container .qr-tabs .tab-button .iconBg{padding:8px;border-radius:10px;background-color:#8d8c9021;display:flex;justify-content:center;align-items:center}.new-qr-tabs .qr-tabs-container .qr-tabs .tab-button.active{color:#8c66ff;--bg: #fff}.new-qr-tabs .qr-tabs-container .qr-tabs .tab-button.active .iconBg{background-color:#8c66ff21}.new-qr-tabs .qr-tab-content{background-color:#fff;border-radius:0 0 18px 18px;padding:18px 18px 30px;min-height:500px}.new-qr-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.new-qr-name .input{width:auto;padding:16px 40px;font-size:18px;color:#8d8c90;flex-grow:1;background:#fff;border-radius:15px;border:2px solid rgba(140,102,255,.1215686275);min-width:250px;background-color:#eaebf8}.new-qr-name .switch{background:#ffffffaf;padding:15px 10px 15px 0;border-radius:22px;display:flex;gap:8px;align-items:center;justify-content:center;font-weight:500;border:2px solid rgba(140,102,255,.1215686275)}.new-qr-name .switch .switch-title{font-size:12px;white-space:nowrap;color:#8d8c90;font-size:14px}.new-qr-template-item{width:160px;border-radius:12px;--border: 2px solid #8D8C9038;overflow:hidden;border:var(--border);display:flex;flex-direction:column;cursor:pointer}.new-qr-template-item:hover,.new-qr-template-item.active{--border: 2px solid #8C66FF}.new-qr-template-item img{height:175px;width:100%;object-fit:cover}.new-qr-template-item p{text-align:center;padding:16px;font-size:14px;font-weight:500;border-top:var(--border);width:100%}.new-qr{padding-bottom:40px;width:100%;height:100%;display:grid;grid-template-columns:1fr;gap:20px}.new-qr .new-qr-data{grid-column:span 1/span 1;min-width:0}@media (min-width: 1152px){.new-qr{grid-template-columns:1fr 1fr 1fr}.new-qr .new-qr-data{grid-column:span 2/span 2}}@media (min-width: 1540px){.new-qr{grid-template-columns:1fr 1fr 1fr 1fr}.new-qr .new-qr-data{grid-column:span 3/span 3}}.new-qr .new-qr-content{display:flex;align-items:center;flex-direction:column;width:100%;gap:20px;max-width:300px}.new-qr .new-qr-content img{width:100%}.new-qr .new-qr-content .preview-qr-btn{display:flex;align-items:center;justify-content:center;padding:18px;width:60px;height:60px;border:1px solid rgba(140,102,255,.2196078431);border-radius:15px;box-shadow:0 0 11px #00000014;background:#fff}.new-qr .new-qr-content .btns-container{width:100%}.new-qr .new-qr-content .btns-container .err{color:red;font-size:14px}.new-qr .new-qr-content .btns-container .preview-btns{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 14px;width:100%}.new-qr .new-qr-content .btns-container .preview-btns button{padding:16px;flex-grow:1;flex-basis:0;border:1px solid #8C66FF;border-radius:22px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:16px}.new-qr .new-qr-content .btns-container .preview-btns button.next{background-color:#8c66ff;color:#fff}.new-qr .new-qr-content .btns-container .preview-btns button.back{background-color:transparent;color:#000}.main-qr{width:100%}.main-qr .bulk-qr-message{opacity:0;display:none;width:100%;justify-content:space-between;align-items:center;background-color:#bfafff;padding:10px 20px;border-radius:8px;transition:.3s linear}.main-qr .bulk-qr-message.active{display:flex;opacity:1}.main-qr .bulk-qr-message .bulk-button{width:100px;background-color:transparent!important;border:2px solid white;border-radius:30px;color:#fff}.main-qr .bulk-qr-message .bulk-button:hover{background-color:transparent!important;border:2px solid white!important;border-radius:30px;color:#fff!important}.main-qr .main-qr-content{width:100%;max-width:1280px;margin:auto;padding:10px;display:grid;grid-template-columns:1fr;gap:20px}.main-qr .main-qr-content .left-section{order:1}.main-qr .main-qr-content .right-section{order:2}.main-qr .main-qr-content .preview{order:3}.main-qr .main-qr-content .right-section,.main-qr .main-qr-content .left-section{display:flex;flex-direction:column;gap:25px}.main-qr .main-qr-content .card{cursor:pointer;width:100%;display:flex;align-items:center;gap:20px;background-color:#fff;border-radius:22px;padding:12px 20px;box-shadow:0 0 11px #00000014;box-sizing:border-box;border:1px solid transparent;text-align:start;font-size:16px;font-family:inherit}.main-qr .main-qr-content .card img{width:55px;height:45px;object-fit:contain}.main-qr .main-qr-content .card .title{font-size:18px;font-weight:700;color:#050110}.main-qr .main-qr-content .card .description{font-weight:500;color:#8d8c90}.main-qr .main-qr-content .card:hover{border:1px solid #8C66FF}.main-qr .main-qr-content .card.active{border:1px solid #8C66FF;background-color:#ffffff67;transform:scale(1.05)}.main-qr .main-qr-content .preview{width:100%;max-width:370px;margin:auto;display:flex;flex-direction:column;align-items:center}.main-qr .main-qr-content .preview .background-img{position:relative;z-index:10}.main-qr .main-qr-content .preview .background-img .mobile{width:100%;height:100%;z-index:100}.main-qr .main-qr-content .preview .background-img .background{border-radius:22px;position:absolute;top:3.5%;left:7%;z-index:-1;width:86%;height:92%;object-fit:cover}.main-qr .main-qr-content .preview .example{color:#fff;font-size:18px;padding:12px 40px;border-radius:50px;position:relative;background-color:#e85255;margin-bottom:30px}.main-qr .main-qr-content .preview .example:before{content:"";position:absolute;width:20px;height:20px;bottom:-10px;left:50%;transform:translate(-50%) rotate(45deg);background-color:#e85255}.main-qr .main-qr-content .preview img{width:100%}.main-qr .main-qr-content .preview button{width:100%;color:#fff;padding:15px 25px;background-color:#8c66ff;font-size:18px;border-radius:22px}.main-qr .main-qr-content .preview button:disabled{background-color:#b4b4b4}@media (min-width: 1024px){.main-qr .main-qr-content{grid-template-columns:1fr 1fr}.main-qr .main-qr-content .preview{grid-column:span 2/span 2}}@media (min-width: 1280px){.main-qr .main-qr-content{grid-template-columns:1fr 1fr 1fr}.main-qr .main-qr-content .right-section{order:3}.main-qr .main-qr-content .preview{order:2;grid-column:span 1/span 1}}@media (min-width: 1440px){.main-qr .main-qr-content .card{padding:20px 40px}}.bulk-qr .bulk-qr-form .ant-form{display:flex}.bulk-qr .bulk-qr-form .ant-form .ant-form-item input{width:250px;border-radius:15px!important}.bulk-qr .bulk-qr-form .bulk-qr-form-items{display:flex;align-items:center;justify-content:space-between;width:100%}.bulk-qr .bulk-qr-form .bulk-qr-form-items .bulk-qr-form-element{display:flex;align-items:center;gap:10px}.bulk-qr .bulk-qr-form .bulk-qr-form-items .ant-btn{border-radius:50px;background-color:#8c66ff;width:150px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;color:#fff}@media (max-width: 576px){.navbar{width:100%;height:65px;display:flex;justify-content:space-between;align-items:center}.navbar h4{font-size:8px}.navbar .list{margin-right:0}.navbar .list ul{display:flex;align-items:center;gap:8px}.navbar .list ul li{font-size:7px}.navbar .list img{width:40px;height:40px}.navbar .input-user{width:250px}.navbar .form-user{display:flex;align-items:center}.navbar .form-user .ant-btn{border:none!important;outline:none!important;background-color:transparent!important;box-shadow:none}.navbar .form-user .ant-btn svg{width:30px;height:30px}.main-qr{width:100%;height:100%;display:flex;flex-direction:column;padding:10px;justify-content:space-between;gap:70px}.main-qr .right-section,.main-qr .left-section,.main-qr .middle-section{width:100%;height:100%}.main-qr .right-section .card,.main-qr .left-section .card,.main-qr .middle-section .card{width:100%;height:100px;display:flex;align-items:center;gap:10px;background-color:#fff;border-radius:12px;padding:10px}.main-qr .right-section .card svg,.main-qr .left-section .card svg,.main-qr .middle-section .card svg{margin-left:10px}.main-qr .middle-section{display:flex;flex-direction:column;align-items:center}.main-qr .middle-section img{height:550px}.main-qr .middle-section .btn{width:80%}.main-qr .middle-section .btn .ant-btn{background-color:#b4b4b4;color:#fff;padding:20px;border-radius:12px;width:100%}.main-qr .left-section,.main-qr .right-section{display:flex;flex-direction:column;gap:10px}}@media (min-width: 768px) and (max-width: 992px){.main-qr{width:100%;height:100%;display:flex;flex-direction:column!important;padding:10px;justify-content:space-between;gap:70px}.main-qr .right-section,.main-qr .left-section,.main-qr .middle-section{width:100%;height:100%}.main-qr .right-section .card,.main-qr .left-section .card,.main-qr .middle-section .card{width:100%;height:100px;display:flex;align-items:center;gap:10px;background-color:#fff;border-radius:12px;padding:10px}.main-qr .right-section .card svg,.main-qr .left-section .card svg,.main-qr .middle-section .card svg{margin-left:10px}}@font-face{font-family:BeautyDisplay;src:url(/assets/BeautyDisplayRegular-CSYRRR5i.ttf) format("truetype")}@font-face{font-family:BelindaAvenue;src:url(/assets/BelindaAvenue-Regular-BJnRbtsj.otf) format("opentype")}@font-face{font-family:DancingScriptBold;font-weight:700;src:url(/assets/DancingScript-Bold-wDSzoeWn.ttf) format("truetype")}@font-face{font-family:DancingScriptMedium;font-weight:500;src:url(/assets/DancingScript-Medium-DFnzz3DF.ttf) format("truetype")}@font-face{font-family:DancingScriptSemiBold;font-weight:600;src:url(/assets/DancingScript-SemiBold-cgaZ_sax.ttf) format("truetype")}@font-face{font-family:DancingScript;src:url(/assets/DancingScript-VariableFont_wght-DNZsFrvA.ttf) format("truetype")}@font-face{font-family:DilemmaTrial;src:url(/assets/Dilemma%20Trial-BTU0NVbs.ttf) format("truetype")}@font-face{font-family:Disable;src:url(/assets/Disable-BtGpo4DU.otf) format("opentype")}@font-face{font-family:EC;src:url(/assets/ec-oFnOJwJ2.TTF) format("truetype")}@font-face{font-family:FeelingLovely;src:url(/assets/Feeling%20Lovely-eRqdDxNQ.ttf) format("truetype")}@font-face{font-family:Filxgirl;src:url(/assets/Filxgirl-B1qvwxY0.TTF) format("truetype")}@font-face{font-family:Gabriola;src:url(/assets/Gabriola-Bl9Y2g6m.ttf) format("truetype")}@font-face{font-family:HelloValentine;src:url(/assets/hello%20valentine%20ttf-zwQZXCL1.ttf) format("truetype")}@font-face{font-family:Isocp;src:url(/src/assets/fonts/isocp__.ttf) format("truetype")}@font-face{font-family:IsocpV25;src:url(/assets/isocp_IV25-Ctw48McT.ttf) format("truetype")}@font-face{font-family:IsocpV50;src:url(/assets/isocp_IV50-T9aPX2b6.ttf) format("truetype")}@font-face{font-family:ItalicT;src:url(/src/assets/fonts/italic_ttf.ttf) format("truetype")}@font-face{font-family:JosefinSans;font-weight:700;src:url(/assets/JosefinSans-Bold-CTGQ_Rvm.ttf) format("truetype")}@font-face{font-family:JosefinSansBold;font-weight:700;font-style:italic;src:url(/assets/JosefinSans-BoldItalic-DWQIWmZs.ttf) format("truetype")}@font-face{font-family:JosefinSansExtralight;font-weight:200;src:url(/assets/JosefinSans-ExtraLight-yYUefjVI.ttf) format("truetype")}@font-face{font-family:JosefinSansExtralightItalic;font-weight:200;font-style:italic;src:url(/assets/JosefinSans-ExtraLightItalic-G32RXeZY.ttf) format("truetype")}@font-face{font-family:JosefinSansItalic;font-style:italic;src:url(/assets/JosefinSans-Italic-DiT2mDRl.ttf) format("truetype")}@font-face{font-family:JosefinSansLight;font-weight:300;src:url(/assets/JosefinSans-Light-Jl480aeX.ttf) format("truetype")}@font-face{font-family:JosefinSansLightItalic;font-weight:300;font-style:italic;src:url(/assets/JosefinSans-LightItalic-CtD-r263.ttf) format("truetype")}@font-face{font-family:JosefinSansMedium;font-weight:500;src:url(/assets/JosefinSans-Medium-CeIivBC6.ttf) format("truetype")}@font-face{font-family:JosefinSansMediumItalic;font-weight:500;font-style:italic;src:url(/assets/JosefinSans-MediumItalic-DJbiy9m1.ttf) format("truetype")}@font-face{font-family:JosefinSansRegular;font-weight:400;src:url(/assets/JosefinSans-Regular-B30Hk5dU.ttf) format("truetype")}@font-face{font-family:JosefinSansSemiBold;font-weight:600;src:url(/assets/JosefinSans-SemiBold-QhgS6EVn.ttf) format("truetype")}@font-face{font-family:JosefinSansSemiBoldItalic;font-weight:600;font-style:italic;src:url(/assets/JosefinSans-SemiBoldItalic-C8PZVq22.ttf) format("truetype")}@font-face{font-family:JosefinSansThin;font-weight:100;src:url(/src/assets/fonts/JosefinSans-Thin.ttf) format("truetype")}@font-face{font-family:JosefinSansVariableFont_wght;src:url(/assets/JosefinSans-VariableFont_wght-WwDWAOG2.ttf) format("truetype")}@font-face{font-family:JullyJulia;src:url(/assets/jullyJulia-C7ha98E_.ttf) format("truetype")}@font-face{font-family:KomixEighties;src:url(/assets/KomixEighties-BmTQfst4.ttf) format("truetype")}@font-face{font-family:LucySaidOk;src:url(/assets/Lucy%20Said%20Ok%20Personal%20Use-DzWIGZ15.ttf) format("truetype")}@font-face{font-family:Magdolina;src:url(/assets/Magdolina%20free%20use-DpmtQMbr.ttf) format("truetype")}.loader-container{display:flex;align-items:center;justify-content:center;height:100vh}.loader{width:40px;height:40px;border-radius:50%;border:4px solid transparent;border-top-color:#8c66ff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}