body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat Alternates,sans-serif!important;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#f9fafb}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-container{min-height:100vh;width:100vw}.content-wrapper,.home-container{display:flex;flex-direction:column}.content-wrapper{box-sizing:border-box;height:100vh;justify-content:space-between;margin-left:250px;overflow:auto;padding:94px 0 0;transition:margin-left .3s ease}.content-wrapper.collapsed{margin-left:80px}@media(max-width:767.98px){.mobile-toggle{display:block!important}.content-wrapper{margin-left:0;padding:70px 0 0}}.login_page,.login_page .container{background:#0000}.mobile-toggle{display:none}body{font-size:.9375rem;font-weight:300;line-height:1.9}.main-header{background:#fff;border-bottom:1px solid #e6e6e6;height:70px;left:250px;position:fixed;right:0;top:0;transition:left .3s ease;z-index:2000}.main-header.collapsed{left:80px}@media(max-width:767.98px){.main-header{left:0;right:0}.main-header .logo-wrapper.px-3.d-none.d-md-flex{display:none}.main-header .pr-6{padding-right:0!important}.main-header .username-text{display:none}.main-header .avatar{margin-right:0!important}}.main-header .main-navbar{height:100%;justify-content:space-between;padding:0 1rem}.main-header .main-navbar,.main-header .main-navbar .lnav-box{align-items:center;display:flex}.main-header .main-navbar .lnav-box svg{fill:#474a61;height:32px;width:32px}.main-header .main-navbar .logo-wrapper{align-items:center;cursor:pointer;display:flex}.main-header .main-navbar .logo-wrapper svg{transition:transform .3s ease}.main-header .main-navbar .logo-wrapper svg:hover{transform:scale(1.1)}.main-header .main-navbar .pr-6{padding-right:1.5rem}.main-header .main-navbar .user-item .user-link{color:#474a61;font-weight:500;text-decoration:none}.main-header .main-navbar .user-item .user-link .user-info{align-items:center;color:#191d3a99;display:flex;font-size:14px}.main-header .main-navbar .user-item .user-link .user-info .power-icon{cursor:pointer;transition:transform .3s ease}.main-header .main-navbar .user-item .user-link .user-info .power-icon:hover{transform:scale(1.1)}.main-header .main-navbar .user-item .user-link .user-info .logout-btn{align-items:center;background:#4d2a8a;border:none;border-radius:12px;cursor:pointer;display:inline-flex;justify-content:center;margin-left:8px;padding:8px 16px}.main-header .main-navbar .user-item{position:relative}.main-header .main-navbar .user-item .user-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;gap:8px;padding:6px 10px}.main-header .main-navbar .user-item .avatar{align-items:center;background:#fff;border-radius:50%;display:inline-flex;height:28px;justify-content:center;overflow:hidden;width:28px}.main-header .main-navbar .user-item .username-text{color:#374151;font-weight:600}.main-header .main-navbar .user-item .user-dropdown{background:#fff;border:1px solid #0f172a0a;border-radius:8px;box-shadow:0 8px 24px #0f172a1f;min-width:160px;padding:8px 0;position:absolute;right:5px;top:56px;z-index:3000}.main-header .main-navbar .user-item .user-dropdown-item{color:#111827;font-weight:600;padding:10px 16px}.main-header .main-navbar .user-item .user-dropdown-logout{background:#0000;border:none;border-top:1px solid #e6e6e6;cursor:pointer;font-weight:600;padding:10px 16px;text-align:left;width:100%}.main-header .main-navbar .user-item .user-dropdown-logout:hover{background:#0ea5e908}.pr-6{padding-right:1.5rem}.small-5{font-size:8px}.d-inline-flex{display:inline-flex}.align-items-center{align-items:center}.h-100{height:100%}.d-md-flex,.d-sm-block{display:flex}.d-sm-block{align-items:center}.px-3{padding-left:1rem;padding-right:1rem}.pl-1{padding-left:.25rem}.pl-sm-3{padding-left:1rem}.pr-0{padding-right:0}.flex-row{flex-direction:row}.user-info{align-items:center;cursor:default;display:flex;gap:8px}.user-info .power-icon{cursor:pointer;transition:all .3s ease}.user-info .power-icon:hover{filter:brightness(1.2);transform:scale(1.1)}.user-info .power-icon:active{transform:scale(.95)}.mobile_list_ico{display:none!important}@media(max-width:767.98px){.mobile_list_ico{display:block!important;padding:0!important}}.main-sidebar{background:#fff;border-right:1px solid #e6e6e6;bottom:0;left:0;overflow-y:hidden;position:fixed;top:0;transition:width .25s ease;width:250px;z-index:1001}.main-sidebar.collapsed{width:80px}.main-sidebar.collapsed .logo-wrapper{justify-content:center;padding:0!important}.main-sidebar.collapsed .logo-wrapper.collapsed,.main-sidebar.collapsed .p-collapsing-title{display:none}.main-sidebar.collapsed .nav-link{justify-content:center;padding-left:0!important}.main-sidebar.collapsed .nav-link svg{margin-right:0!important}.main-sidebar.collapsed img{width:56px!important}.main-sidebar .main-sidebar-inner{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0 16px}.main-sidebar .main-sidebar-inner ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:8px 0}.main-sidebar .main-sidebar-inner ul li{font-weight:500;min-height:40px;min-width:40px}.main-sidebar .main-sidebar-inner .sidebar-nav .nav-item.active .nav-link{background:#0000;font-weight:500;min-height:40px}.main-sidebar .main-sidebar-inner .sidebar-nav .nav-item.active .nav-link .p-collapsing-title{font-weight:600}.main-sidebar .main-sidebar-inner .sidebar-nav .nav-item .nav-link{align-items:center;color:#191d3a!important;display:flex;letter-spacing:.1px;min-height:40px;padding-left:12px;text-decoration:none;text-transform:none;transition:background .18s ease,color .18s ease;word-spacing:0}.main-sidebar .main-sidebar-inner .sidebar-nav .nav-item .nav-link svg{color:#191d3a;font-size:18px;height:22px;margin-right:12px;transition:margin-right .2s ease,fill .18s ease;width:22px}.main-sidebar .main-sidebar-inner .sidebar-nav .nav-item .nav-link .p-collapsing-title{color:#4d2a8a;font-size:14px;font-weight:500;transition:opacity .2s ease}.main-sidebar .main-sidebar-inner .sidebar-nav .nav-item .nav-link:hover{background:#eceef0;border-radius:16px;color:#474a61}.main-sidebar .main-sidebar-inner .sidebar-nav .nav-item .nav-link:hover .p-collapsing-title{color:#2b2b2b}.main-sidebar .main-sidebar-inner .sidebar-nav .nav-item .nav-link.sidebar-active{background:#ddd5e8;border-radius:16px;color:#4d2a8a!important}.main-sidebar .main-sidebar-inner .sidebar-nav .nav-item .nav-link.sidebar-active .p-collapsing-title{color:#4d2a8a;font-weight:600}.main-sidebar .main-sidebar-inner .sidebar-nav .nav-item .nav-link.sidebar-active svg{stroke:#4d2a8a;fill:none}.p-collapsing-sidebar{transition:width .3s ease}.sidebar-fixed{position:fixed}.sidebar-left{left:0}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-column .logo-wrapper{align-items:center;display:flex;height:70px}.flex-column .logo-wrapper img{object-fit:cover;width:106px}.list-unstyled{list-style:none;margin-bottom:0;padding-left:0}.text-unset{text-transform:inherit}.small-3{font-size:14px}.fw-600{font-weight:600}.text-light{color:#f8f9fa}.transition{transition:all .3s ease}.home-content{margin-top:70px;padding:20px}.sidebar-overlay{background:#00000073;inset:0;position:fixed;z-index:1000}@media(max-width:767.98px){.main-sidebar{height:100vh;overflow-y:auto;transform:translateX(-100%);transition:transform .25s ease;width:250px;z-index:1002}.main-sidebar.open{transform:translateX(0);z-index:10000}.sidebar-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;position:absolute;right:12px;top:12px;z-index:10001}.home-container.sidebar-open{height:100vh;overflow:hidden}}.create-campaign-wrapper{padding:12px}.create-campaign-wrapper .create-campaign-btn{align-items:center;background:linear-gradient(180deg,#5b2ed6,#3f1b8a);border:none;border-radius:24px;box-shadow:0 6px 16px #4b1b8f1f;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:flex-start;padding:10px 14px;width:100%}.create-campaign-wrapper .create-campaign-btn .plus{align-items:center;background:#ffffff24;border-radius:50%;display:inline-flex;font-size:16px;height:28px;justify-content:center;line-height:1;margin-right:10px;min-width:28px}.create-campaign-wrapper .create-campaign-btn .create-label{flex:1 1;font-size:14px;text-align:left}.create-campaign-wrapper .create-campaign-btn .caret{font-size:12px;margin-left:8px;opacity:.95}.create-campaign-wrapper.collapsed{display:none}.sidebar-footer{border-top:1px solid #10161a0a;padding:12px}.sidebar-footer .user{align-items:center;gap:10px;width:100%}.sidebar-footer .user .avatar{align-items:center;background:#e8f5ff;border-radius:50%;color:#0b3a5b;display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.sidebar-footer .user .user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-footer .user .user-info .user-name{color:#2b2b2b;font-size:13px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer .user .user-info .user-id{color:#2b2b2b73;font-size:11px}.sidebar-footer .user .user-caret{color:#2b2b2b73;font-size:16px;margin-left:auto}.sidebar-footer.collapsed{display:none}.app-footer{background:#fff;border-top:1px solid #e6e6e6;box-sizing:border-box;padding:16px;transition:left .25s ease}.footer-inner{align-items:center;color:#6b7280;display:flex;font-size:13px;justify-content:space-between;margin:0 auto}.footer-left{color:#6b7280}.footer-right .lang-btn{background:#0000;border:1px solid #00000014;border-radius:4px;color:#374151;cursor:pointer;padding:6px 10px}.app-footer.collapsed{left:80px;padding:16px 32px}.lang-select{display:inline-block;font-family:inherit;position:relative}.lang-toggle{align-items:center;background:#fff;background:#0000;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 2px #10182808;color:#111827;cursor:pointer;display:inline-flex;font-size:13px;gap:8px;justify-content:space-between;padding:10px 12px;position:relative;width:100%}.lang-toggle svg{height:12px;width:15px}.lang-toggle:focus{outline:2px solid #3b82f626}.lang-toggle .globe-icon{display:inline-block}.lang-toggle .caret-icon{opacity:.9}.lang-menu{background:#fff;border:1px solid #0f172a0a;border-radius:8px;box-shadow:0 6px 18px #0f172a1f;list-style:none;margin:0;padding:6px;position:absolute;right:0;z-index:30000}.lang-menu li{align-items:center;border-radius:6px;color:#111827;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.lang-menu li:hover{background:#f3f4f6}.lang-menu li.selected{background:#eef2ff}.lang-menu li .check{margin-left:8px}@media(max-width:768px){.app-footer{left:0;padding:10px;right:0}.footer-inner{align-items:stretch;flex-direction:column;font-size:12px;gap:8px}.footer-left{color:#6b6b6b;text-align:center}.footer-right{align-items:center;display:flex;justify-content:center}.lang-select{align-self:flex-end}.lang-toggle{font-size:12px;justify-content:space-between;padding:10px 12px;width:100%}.lang-menu{left:auto;min-width:120px;right:8px}}.toast-overlay{background:#00000080;inset:0;width:100%}.toast-notification,.toast-overlay{align-items:center;display:flex;justify-content:center;position:fixed;z-index:9999}.toast-notification{left:50%;pointer-events:none;top:18px;transform:translateX(-50%)}.toast-notification .toast-content{max-width:360px;min-width:280px;pointer-events:auto}.toast-overlay.collapsed{left:80px;width:calc(100% - 80px)}.toast-notification.show,.toast-overlay.show{opacity:1;visibility:visible}.toast-content{animation-duration:.4s;animation-fill-mode:forwards;animation-timing-function:ease-out;background-color:#fff;border-radius:12px;border-top:4px solid;box-shadow:0 8px 30px #00000026;max-width:90%;min-width:320px;opacity:0;padding:1.5rem 2rem;position:relative}.toast-notification.show .toast-content,.toast-overlay.show .toast-content{animation-name:slideInDown}.toast-notification:not(.show) .toast-content,.toast-overlay:not(.show) .toast-content{animation-name:slideOutUp}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.toast-body{align-items:center;display:flex;gap:1rem;justify-content:center}.toast-icon{flex-shrink:0;height:28px;width:28px}.toast-content p{color:#555;font-size:1rem;margin:0;text-align:left}.toast-content.success{border-color:#4d2a8a}.toast-content.success .toast-icon{color:#4d2a8a}.toast-content.error{border-color:#dc3545}.toast-content.error .toast-icon{color:#dc3545}.toast-close-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.5rem;line-height:1;position:absolute;right:15px;top:10px}.toast-close-btn:hover{color:#333}.toast-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0a0a0a1f;max-width:calc(100% - 48px);padding:24px 28px;position:relative;width:640px}.toast-title{color:#0f172a;font-size:20px;margin:0 0 12px}.toast-modal-body{display:flex;flex-direction:column;gap:12px;padding:6px 0 18px}.confirm-checkbox{align-items:center;color:#111827;display:flex;font-size:14px;gap:10px}.confirm-checkbox input{height:16px;width:16px}.confirm-input-row{display:flex;flex-direction:column;gap:8px}.confirm-input-label{color:#374151;font-size:13px}.confirm-input{background:#fff;border:1px solid #e6e6e6;border-radius:8px;height:40px;padding:8px 12px}.toast-desc{color:#6b7280;font-size:13px;margin:0}.toast-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.toast-modal .btn-ghost{background:#0000;border:1px solid #e6e6e6;border-radius:8px;color:#4d2a8a;padding:8px 14px}.toast-modal .btn-primary{background:#6b46c1;border:none;border-radius:8px;color:#fff;padding:8px 14px}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff59;height:18px;width:18px}@media(max-width:520px){.toast-modal{padding:16px;width:calc(100% - 32px)}.toast-modal-actions{align-items:stretch;flex-direction:column-reverse;gap:8px}.toast-modal .btn-ghost,.toast-modal .btn-primary{width:100%}}:root{--white-color:#fff;--balck-color:#000;--body-BG-color:#e1e8ff;--wrapper-shadow-color:hsla(0,0%,100%,.439);--aside-area-BG-color:#5274ff;--aside-area-width:330px;--error-color:#e74c3c;--success-color:#2ecc71;--primary-light-gray:#b8b4b4;--primary-color:#5274ff;--light-blue-color:#8da2f6;--input-border-color:#98a9c0;--paragraph-color:#e7e7e7}*{box-sizing:border-box;font-family:Poppins,Arial,sans-serif;margin:0;padding:0}.auth-layout{align-items:center;background-color:#e1e8ff;background-color:var(--body-BG-color);height:100vh;justify-content:center}.wrapper__area{background-color:#fff;background-color:var(--white-color);border:5px solid hsla(0,0%,100%,.439);border:5px solid var(--wrapper-shadow-color);border-radius:5px;box-shadow:0 0 50px hsla(0,0%,100%,.439);box-shadow:0 0 50px var(--wrapper-shadow-color);display:flex;height:650px;justify-content:space-between;overflow:hidden;position:relative;transform:scale(.9);width:800px}.forms__area{background-color:initial;height:100%;margin-right:10px;position:relative;width:calc(100% - 330px);width:calc(100% - var(--aside-area-width))}.forms__area form{opacity:1;padding:20px 20px 10px;position:absolute;top:50%;transform:translateY(-50%);transition:1.2s cubic-bezier(.18,.02,.36,.96);width:100%}form.sign-up__form{margin-top:-650px}form .form__title{font-size:45px;font-weight:700;margin-bottom:40px;text-transform:uppercase}.sign-up__form .form__title{margin-bottom:25px}form .input__group{margin:10px 0;position:relative;width:100%}form .input__group .field{display:inline-block;height:auto;overflow:hidden;position:relative;transition:.3s ease-in-out;width:100%}form .input__group .field:after{background-color:#5274ff;background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:translateX(-100%);transition:.3s ease-in-out;width:100%}form .input__group .field:focus-within:after,form .input__group .field:focus:after{transform:translateX(0)}form .input__group input[type=password],form .input__group input[type=text]{background:#0000;border:none;border-bottom:2px solid #98a9c0;border-bottom:2px solid var(--input-border-color);outline:none;padding:15px 40px;position:relative;width:100%}form .formError .field input{border-color:#e74c3c;border-color:var(--error-color)}form .formSuccess .field input{border-color:#2ecc71;border-color:var(--success-color)}form .input__group input:-webkit-autofill,form .input__group input:-webkit-autofill:active,form .input__group input:-webkit-autofill:focus,form .input__group input:-webkit-autofill:hover{background:#0000;box-shadow:inset 0 0 0 30px #fff!important}form .input__group>span{color:#b8b4b4;color:var(--primary-light-gray);font-size:18px;position:absolute;transition:.3s ease-in-out}form .input__group input[type=password]:focus~span,form .input__group input[type=text]:focus~span{color:#5274ff;color:var(--primary-color)}form .input__group .input__icon{left:13px;pointer-events:none;top:13px}form .input__group .showHide__Icon{cursor:pointer;height:20px;right:13px;top:13px;width:20px}form .input__group .showHide__Icon:hover{color:#5274ff;color:var(--primary-color)}form .input__group .input__error_message{color:#e74c3c;color:var(--error-color);display:block;margin:0 10px;opacity:0;pointer-events:none;text-transform:capitalize;transition:.3s ease-in-out}form .formError .input__error_message{opacity:1}form .formSuccess .input__error_message{opacity:0}form .form__actions{display:flex;justify-content:space-between;margin-bottom:15px;position:relative}form .form__actions *{transition:.3s ease-in-out}form .form__actions>div:hover,form .form__actions>label:hover{opacity:.7}.form__actions .remeber_me,.form__actions .remeber_me input{color:#b8b4b4;color:var(--primary-light-gray);cursor:pointer;font-size:15px;position:relative}.form__actions .remeber_me .checkmark,.form__actions .remeber_me input{height:20px;top:5px;width:20px}.form__actions .remeber_me input{opacity:0;z-index:2}.form__actions .remeber_me .checkmark{border:2px solid #b8b4b4;border:2px solid var(--primary-light-gray);border-radius:3px;left:0;position:absolute;z-index:1}.form__actions .remeber_me .checkmark:after{border:solid #5274ff;border:solid var(--primary-color);border-width:0 3px 3px 0;content:"";height:8px;left:5px;opacity:0;position:absolute;top:2px;transform:rotate(45deg) scale(0);transition:.3s ease-in-out;width:3px}.form__actions .remeber_me input:checked~.checkmark~span{color:#5274ff;color:var(--primary-color)}.form__actions .remeber_me input:checked~.checkmark{border-color:#5274ff;border-color:var(--primary-color)}.form__actions .remeber_me input:checked~.checkmark:after{opacity:1;transform:rotate(45deg) scale(1)}.form__actions .forgot_password{color:#5274ff;color:var(--primary-color);cursor:pointer;font-size:15px;font-weight:550;position:relative;top:4px;transition:.3s ease-in-out}button.submit-button{background-color:#5274ff;background-color:var(--primary-color);border:none;border-radius:5px;color:#fff;color:var(--white-color);cursor:pointer;display:block;font-size:17px;font-weight:600;letter-spacing:2px;margin:50px auto 10px;outline:none;overflow:hidden;padding:16px 0;position:relative;text-transform:uppercase;transition:.5s ease-in-out;width:65%}.sign-up__form button.submit-button{margin-top:25px}button.submit-button:hover{opacity:.8}button.submit-button:active{opacity:1}.alternate-login{display:flex;justify-content:space-around;margin-top:40px;position:relative;width:100%}.sign-up__form .alternate-login{margin-top:25px}.alternate-login .link{border:2px solid #b8b4b4;border:2px solid var(--primary-light-gray);border-radius:50px;color:#b8b4b4;color:var(--primary-light-gray);cursor:pointer;margin:10px;padding:7px 25px 5px;transition:.4s ease-out}.alternate-login .link:hover{border-color:#5274ff;border-color:var(--primary-color);color:#5274ff;color:var(--primary-color)}.alternate-login .link i{font-size:18px;position:relative;top:2px}form.sign-up__form{opacity:0}.wrapper__area.sign-up__Mode-active form.sign-up__form{margin-top:0;opacity:1}.wrapper__area.sign-up__Mode-active form.login__form{margin-top:650px;opacity:0}.aside__area{background-color:#5274ff;background-color:var(--aside-area-BG-color);border-radius:5px;height:100%;opacity:1;position:relative;width:330px;width:var(--aside-area-width)}.aside__area>div{height:100%;margin-top:30px;padding:10px;position:relative;text-align:center;transition:1.2s cubic-bezier(.18,.02,.36,.96);width:100%}.aside__area>div h4{color:#fff;color:var(--white-color);font-size:35px;font-weight:500;left:24px;letter-spacing:5px;position:absolute}.aside__area>div img{pointer-events:none;width:100%}.aside__area>div p{color:#e7e7e7;color:var(--paragraph-color);font-size:14px;margin-bottom:20px;padding:20px}.aside__area>div button{background-color:initial;border:2px solid #fff;border:2px solid var(--white-color);border-radius:2px;color:#fff;color:var(--white-color);cursor:pointer;display:block;font-size:15px;font-weight:600;letter-spacing:2px;margin:auto;outline:none;padding:14px 0;transition:.5s ease-in-out;width:60%}.aside__area>div button:hover{background-color:#fff;background-color:var(--white-color);border-color:#fff;border-color:var(--white-color);color:vAR(--balck-color)}.aside__area>div button:active{opacity:.8}.wrapper__area.sign-up__Mode-active .login__aside-info{margin-top:-650px;opacity:0}.sign-up__aside-info{opacity:0}.wrapper__area.sign-up__Mode-active .sign-up__aside_info{opacity:1}.auth-layout{display:flex;min-height:100vh;width:100vw}.auth-left{align-items:center;background:#eef3fb;display:flex;flex:1 1;height:100%;justify-content:center;padding:80px}.auth-left .auth-left-inner{max-width:520px;width:100%}.brand img{display:block;margin-bottom:24px;width:160px}.illustration img{display:block;object-fit:cover;width:100%}.auth-right{align-items:center;background:#fff;display:flex;flex:1 1;height:100%;justify-content:center;padding:60px 80px;width:100%}.auth-card{border-radius:10px;padding:36px;width:480px}.auth-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.auth-title{color:#111827;font-size:22px;font-weight:700}.lang-select select{background:#fff;border:1px solid #e6edf6;border-radius:8px;color:#111827;padding:8px 12px}.field-label{color:#6b7280;display:block;font-size:14px;margin-bottom:8px}.input-dark{align-items:center;background:#0000;border-bottom:2px solid #e6e9ef;display:flex;gap:12px;margin-bottom:18px;padding:8px 4px}.input-dark input{background:#0000;border:none;color:#111827;font-size:14px;line-height:1;outline:none;width:100%}.input-dark input::placeholder{color:#9ca3af;font-size:14px}.input-dark input[type=password]::-ms-clear,.input-dark input[type=password]::-ms-reveal{display:none}.input-dark input[type=password]::-webkit-credentials-auto-fill-button,.input-dark input[type=password]::-webkit-textfield-decoration-button,.input-dark input[type=password]::-webkit-textfield-decoration-container{display:none!important}.input-dark input[type=password]{-webkit-appearance:none;appearance:none}.input__icon{align-items:center;color:#9ca3af;display:inline-flex;font-size:16px;height:28px;justify-content:center;width:28px}.input-with-icon{position:relative}.eye-btn{background:#0000;border:none;color:#9ca3af;cursor:pointer;font-size:16px;padding:6px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.auth-actions{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-bottom:12px}.remember input{margin-right:8px}.btn-primary{border-radius:6px;padding:12px 16px;width:100%}.auth-submit{margin-top:8px}@media (max-width:768px){.auth-layout{flex-direction:column}.auth-left,.auth-right{padding:24px 24px 0}.auth-right{background-color:#eef3fb;padding-top:0}.auth-card{border-radius:8px;box-shadow:none;padding:24px;width:100%}}.code-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.get-code-btn{background:#3b1b67;border:none;border-radius:8px;color:#fff;cursor:pointer;height:40px;margin-bottom:18px;padding:8px 12px}.get-code-btn[disabled]{cursor:not-allowed;opacity:.6}.btn-spinner-inline{animation:spin .9s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6b46c1;display:inline-block;height:16px;width:16px}.auth-form{text-align:right}.auth-form .input-dark{text-align:left}.auth-form .auth-submit{display:inline-block;text-align:center;width:100%}:root{--sidebar-width:250px;--sidebar-collapsed-width:80px}.dashboard.main-dashboard{padding-bottom:16px;padding-left:24px;padding-right:24px}.date-range-display{align-items:center;background:#f3f4f6;border:1px solid #e6edf6;border-radius:12px;color:#0f172a;display:inline-flex;font-size:13px;gap:10px;left:12px;min-width:220px;padding:10px 16px;position:absolute;top:12px;white-space:nowrap;z-index:40}.date-range-display svg{color:#6b7280;width:12px}.date-range-text{color:#374151;display:inline-block;font-size:13px}.trend-header{margin-bottom:18px}.trend-range{gap:12px}.trend-range select{background:#fff;border:1px solid #10161a14;border-radius:6px;color:#2b2b2b;padding:8px 10px}.trend-range label{color:#2b2b2b}.refresh-btn{background:#5b2ed6;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}@media(min-width:1024px){.trend-summary{align-items:stretch}.summary-pie,.trend-summary .summary-cards-column{box-sizing:border-box;flex:0 0 50%;max-width:50%}.summary-pie{margin-left:12px;width:auto}}.summary-pie,.trend-summary .summary-card{min-height:160px}.summary-pie{border-radius:16px;width:420px}.summary-pie .echarts-for-react{height:160px!important;width:100%!important}.summary-cards-column{display:flex;flex:1 1 auto;flex-direction:column;gap:12px}.summary-cards-column .summary-card{display:flex;flex:1 1;flex-direction:column}.summary-pie{align-items:center;align-self:stretch;display:flex;justify-content:center}.summary-pie .echarts-for-react{height:100%!important;max-height:100%!important}.summary-card{border-radius:8px;box-shadow:0 6px 18px #10161a0a;min-width:140px;padding:12px 16px}.summary-card .value{color:#2b2b2b;font-size:22px;margin-top:6px}.summary-card.success{border-left:4px solid #3fc88a}.summary-card.fail{border-left:4px solid #ff6b6b}.list-column{background:#fff;box-shadow:0 6px 18px #10161a08;padding:12px}.list-column h3{color:#2b2b2b;font-size:14px;margin:0 0 10px}.list-scroll{display:flex;flex-direction:column;gap:6px;max-height:360px}.list-row{background:#fbfbfb;border-radius:6px;padding:8px 10px}.row-date{color:#2b2b2b}.row-count{color:#6b6b6b;font-weight:600}.empty{color:#9b9b9b;padding:12px;text-align:center}.trend-header{background:#fff;border-radius:24px;box-shadow:0 10px 30px #10161a0f;gap:18px;justify-content:space-between;padding:16px 18px}.trend-header,.trend-range{align-items:center;display:flex}.trend-range{gap:10px}.trend-range label{align-items:center;color:#191d3a;display:flex;font-size:13px;gap:8px;padding:6px 8px}.trend-range label input{border:1px solid #e0e2e9;border-radius:16px;padding:10px 20px}.trend-range select,h b g g .trend-range input[type=date]{background:#eeeff1;border:1px solid #e0e2e9;border-radius:12px;color:#191d3a;font-size:13px;padding:8px 16px}.trend-summary{align-items:center;display:flex;gap:12px}.summary-card{background:#fff;border-radius:24px;box-shadow:0 6px 18px #10161a08;display:flex;flex-direction:column;gap:6px;justify-content:center;min-width:180px;padding:12px 14px}.summary-card .label{font-size:12px}.summary-card .value{color:#111827}.summary-card .meta{align-items:center;gap:8px;justify-content:space-between}.trend-lists{display:flex;gap:18px;margin-top:18px}.list-column{background:#0000;border-radius:8px;flex:1 1;padding:0}.list-column>.list-scroll{background:#fff;border-radius:8px;box-shadow:0 8px 24px #10161a0a;display:flex;flex-direction:column;gap:8px;max-height:360px;padding:10px}.list-row{align-items:center;background:#fbfdff;border-radius:8px;box-shadow:0 4px 12px #10161a05;display:flex;justify-content:space-between;padding:10px 12px}.row-date{color:#374151;font-size:13px}.row-count{color:#0f172a;font-size:13px;font-weight:700}.trend-title h3{color:#111827;font-size:16px;font-weight:700;margin:0}.more-link{align-items:center;color:#6b7280;display:inline-flex;font-size:13px;gap:6px;text-decoration:none}.trend-summary .summary-card{align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:12px}.summary-card .sparkline{height:38px;margin-bottom:4px;width:100%}.summary-card .sparkline svg{display:block;height:100%;width:100%}.summary-card .label{color:#6b6b6b;font-size:16px;margin-top:4px}.summary-card .value{font-size:20px;font-weight:700}.summary-card .meta{display:flex;justify-content:flex-end;width:100%}.summary-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.summary-card .card-percent{color:#6b7280;font-size:14px}.summary-card .progress-bar{background:#eef2f7;border-radius:6px;height:8px;margin:10px 0;overflow:hidden}.summary-card .progress-fill{border-radius:6px;transition:width .4s ease}.summary-card .value_meta{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:6px}.summary-card .header-right{align-items:center;display:flex;gap:10px}.summary-card .mini-progress{background:#eef2f7;border-radius:6px;height:6px;overflow:hidden;width:84px}.summary-card .mini-fill{border-radius:6px;height:100%;transition:width .4s ease}.summary-card .card-percent{color:#000;font-size:18px;font-weight:700}.card-row{display:flex;flex-direction:column;gap:20px}.summary-card .card-body{gap:16px;width:100%}.summary-card .value{color:#0f172a;flex:0 0 auto;font-size:16px;font-weight:800;line-height:1}.summary-card .progress-wrapper{align-items:center;display:flex;flex:1 1 auto}.summary-card .progress-track{background:#eef2f7;border-radius:8px;height:6px;overflow:hidden;width:100%}.summary-card .progress-fill{border-radius:8px;height:100%;transition:width .5s ease}.summary-card .card-desc{color:#6b7280;font-size:13px;margin-top:12px}.summary-card .percent{color:#8b8b8b;font-size:12px}@media(max-width:768px){.trend-header{align-items:stretch;flex-direction:column;gap:12px}.trend-summary{justify-content:space-between;width:100%}.trend-lists{flex-direction:column}.dashboard.main-dashboard{padding-left:12px;padding-right:12px}.summary-card .card-percent{font-size:14px}.summary-cards-column{flex-direction:column}.date-range-display{display:none}.trend-header{gap:16px;padding:12px 16px}.trend-title{text-align:center}.trend-range{flex-direction:column;gap:12px;width:100%}.trend-range label{justify-content:space-between;width:100%}.trend-range input[type=date],.trend-range select{flex:1 1;font-size:14px;min-width:0;padding:10px 12px}.trend-summary{display:flex;flex-direction:column;gap:16px;margin-top:16px}.trend-summary .summary-card{width:100%}.summary-card{border-radius:16px;min-width:0;min-width:auto;padding:16px 20px;width:100%}.summary-card .sparkline{height:32px;margin-bottom:8px}.summary-card .label{font-size:14px;margin-top:0}.summary-card .value{font-size:24px;margin-top:4px}.summary-card .meta{justify-content:space-between;width:100%}.trend-chart{border-radius:16px;margin-top:16px;padding:16px}.trend-chart .echarts-for-react{height:300px!important}.trend-header{margin-bottom:12px;padding:10px 12px}.trend-range input[type=date],.trend-range select{font-size:13px;padding:8px 10px}.trend-range label{font-size:12px;padding:4px 6px}.summary-card{padding:12px 16px}.summary-card .label{font-size:13px}.summary-card .value{font-size:18px}.summary-card .percent{font-size:11px}.trend-chart{margin-top:12px;padding:12px}.trend-chart .echarts-for-react{height:320px!important;overflow:visible}.trend-chart{padding-bottom:24px}.trend-chart,.trend-chart .echarts-for-react svg{overflow:visible}.trend-summary{align-items:stretch;flex-direction:column}.trend-summary .summary-card{width:100%}.summary-pie{display:flex;justify-content:center;margin-left:0!important;margin-top:12px;width:100%!important}}.summary-pie{background:#fff;box-shadow:0 6px 18px #10161a08;display:inline-block;margin-left:12px;padding:12px;vertical-align:top}.home-content1.collapsed .dashboard.main-dashboard{width:calc(100vw - 80px);width:calc(100vw - var(--sidebar-collapsed-width))}.trend-chart{background:#fff;border-radius:24px;box-shadow:0 2px 8px #0000001a;margin-top:20px;padding:2.5% 20px 20px}.value_meta{display:flex;justify-content:space-between;width:100%}.filter-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #10161a14;max-width:420px;padding:14px;width:100%}.filter-card,.filter-row{display:flex;flex-direction:column;gap:12px}.filter-row{align-items:flex-start;flex-wrap:wrap;justify-content:space-between}.filter-field{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.filter-label{color:#6b7280;font-size:12px}.filter-input{-webkit-appearance:none;appearance:none;background:#fbfdff;border:1px solid #e0e2e9;border-radius:10px;box-sizing:border-box;color:#111827;font-size:14px;padding:10px 12px;width:100%}@media(min-width:768px){.filter-row{flex-wrap:wrap}.filter-field{box-sizing:border-box;flex-direction:column;width:100%}.filter-label{color:#6b7280;font-size:13px;min-width:90px;text-align:left}.filter-input{flex:1 1 auto;min-width:140px}.filter-input,.filter-input[type=date]{padding:8px 10px}}.filter-input::placeholder{color:#9aa3b2}.filter-actions{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-top:6px}.btn-primary{background:#1e40af;font-weight:600;padding:10px 16px}.btn-secondary{background:#f3f4f6;border:none;border-radius:8px;color:#111827;cursor:pointer;padding:10px 14px}@media(max-width:768px){.filter-row{flex-direction:column;gap:10px}.filter-actions{flex-direction:row;gap:8px;justify-content:space-between}.filter-card{border-radius:12px;max-width:100%;padding:12px}.filter-input{font-size:13px;padding:8px 10px}.btn-secondary{flex:1 1;padding:10px}.filter-actions{gap:8px}}.filter-toggle{align-items:center;background:#f8fafc;border:1px solid #e6edf6;border-radius:10px;box-shadow:0 1px 2px #10161a0a;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:8px 12px}.filter-toggle svg{fill:#6b7280;width:12px}.filter-text{font-size:13px}.filter-caret{font-size:12px;transform-origin:center;transition:transform .15s ease}.filter-caret.open{transform:rotate(180deg)}.switch-chart{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;margin:0;padding:0}.trend-header{position:relative}.filter-card.popup{max-width:calc(100vw - 24px);position:absolute;right:0;top:calc(100% + 8px);width:420px;z-index:30}.btn-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:16px;margin-left:auto;padding:6px}@media(max-width:768px){.filter-card.popup{border-radius:8px;box-shadow:none;margin-top:8px;max-width:100%;padding:12px;position:static;width:100%}.filter-toggle{padding:8px 10px}}.trend-chart{position:relative}.trend-chart .filter-toggle.chart-toggle{background:#f8fafc;border:none;border-radius:8px;box-shadow:0 1px 2px #10161a0a;padding:6px 10px;position:absolute;right:12px;top:12px;z-index:40}.trend-chart .filter-card.popup{box-shadow:0 12px 30px #10161a14;right:12px;top:44px;width:340px}@media(max-width:768px){.trend-chart .filter-toggle.chart-toggle{margin-bottom:8px;position:static}.trend-chart .filter-card.popup{box-shadow:none;position:static;right:auto;top:auto;width:100%}}.chart-controls{align-items:center;display:inline-flex;gap:12px;position:absolute;right:2%;top:12px;z-index:50}.chart-controls .date-range-display{height:34px;left:auto;min-width:240px;padding:6px 10px;position:relative;top:auto}.chart-controls .filter-toggle.chart-toggle{position:relative;right:auto;top:auto}.chart-controls .filter-card.popup{left:50%;position:absolute;right:auto;top:calc(100% + 10px);transform:translateX(-50%);width:330px}@media(max-width:768px){.chart-controls .filter-card.popup{left:27%}.trend-chart{padding-top:8.5%}.trend-chart .chart-controls{justify-content:flex-end;margin:0;padding-right:0;position:absolute;right:12px;top:12px;transform:none;z-index:80}.trend-chart .chart-controls .filter-toggle.chart-toggle{margin-bottom:0;position:relative}.trend-chart .chart-controls .filter-card.popup{background:#fff;box-shadow:0 12px 30px #10161a14;margin-top:0;max-width:360px;min-width:260px;overflow:visible;position:absolute;right:0;top:calc(100% + 8px);transform:none;width:auto;z-index:999}.trend-chart .chart-controls .filter-card.popup .filter-row{align-items:stretch;flex-direction:column;gap:10px}.trend-chart .chart-controls .filter-card.popup .filter-field{width:100%}}.loading-container{align-items:center;background:#fffc;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.simple-loader{align-items:center;display:flex;flex-direction:column}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#6b46c1;height:40px;width:40px}.loading-text{color:#6b7280;font-size:14px;margin-top:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.users-page{display:flex;flex:1 1 auto;flex-direction:column;gap:18px;padding:24px}.user-cell{gap:12px}.user-avatar,.user-cell{align-items:center;display:inline-flex}.user-avatar{background:#eef2ff;border-radius:50%;box-shadow:0 1px 2px #10161a0a;color:#4d2a8a;flex:0 0 36px;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.user-name{color:#0f172a;font-size:14px}@media(max-width:768px){.modal-body{grid-template-columns:1fr!important}.users-page{padding-left:12px;padding-right:12px}.btn-primary{font-size:12px;padding:10px!important}.users-table-card{background:#0000!important;box-shadow:none!important;padding:0!important}.table-scroll{overflow:visible}.users-controls-card{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:10px}.btn-add{width:100%}.controls-left{flex:1 1 auto;min-width:0}.controls-right{align-items:center;display:flex;flex:0 0 auto;justify-content:flex-end;width:100%}.search-input input{min-width:0;width:100%}.controls-left{display:flex;flex-direction:column;width:100%}.controls-left .search-input,.controls-left .status-select-wrap,.controls-left .status-select-wrap .select-option{width:100%}.users-table{display:block;width:100%}.users-table thead{display:none}.users-table tbody{display:block}.users-table tr{align-items:start;background:#fff;border-radius:12px;box-shadow:0 8px 24px #10161a0f;display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:12px}.users-table td{border-bottom:none;box-sizing:border-box;display:block;padding:6px 0;width:100%}.users-table tr td:first-child{align-items:center;display:flex;gap:12px;grid-column:1/-1;padding-bottom:8px}.users-table tr td:last-child{align-items:center;grid-column:1/-1;padding-top:8px}.cell-with-label{display:flex;flex-direction:column;width:100%}.cell-with-label .cell-label{color:#9ca3af;display:block!important;font-size:12px}.cell-with-label .cell-value{color:#000;display:block;font-size:14px;font-weight:400}.user-meta{align-items:center;display:flex!important;gap:8px;margin-top:6px}.user-id{background:#f3f4f6;color:#6b7280}.user-id,.user-role-badge{border-radius:8px;font-size:12px;padding:4px 8px}.user-role-badge{background:#eef2ff;color:#3f1b8a}.user-role-badge.role-admin{background:#e6f0ff;color:#1e40af}.user-role-badge.role-user{background:#eef2ff;color:#3f1b8a}.users-table tr td:nth-child(2),.users-table tr td:nth-child(3),.users-table tr td:nth-child(4){color:#6b7280;display:block;font-size:13px;padding:0 16px;width:100%}.users-table tr td:nth-child(2) .label,.users-table tr td:nth-child(3) .label,.users-table tr td:nth-child(4) .label{color:#9aa3b2;display:block;font-size:12px;margin-bottom:4px}.users-table tr td:last-child{display:flex;gap:8px;justify-content:flex-end;padding-top:18px}.modal-card{padding:10px!important}}.cell-label,.user-meta{display:none}.users-header-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 20px #10161a0a;display:flex;justify-content:space-between;padding:22px}.users-header-card .users-title{color:#0f172a;font-size:20px}.users-controls-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 18px #10161a08;display:flex;justify-content:space-between;padding:14px;width:100%}.controls-left{align-items:center;display:flex;gap:12px}.search-input input{border-radius:22px}.search-input{display:inline-block;position:relative}.search-input input{padding-right:44px}.search-input .search-icon{align-items:center;background:#0000;border:none;color:#6b46c1;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:6px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.search-input .search-icon:hover{opacity:.88}.status-select-wrap{align-items:center;display:flex}.status-select-wrap select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #10161a0f;border-radius:22px;color:#111827;font-size:14px;height:42px;padding:8px 12px}.status-select-wrap select:focus{border-color:#6b46c1;box-shadow:0 0 0 4px #6b46c114;outline:none}.status-select-wrap{position:relative}.status-select-wrap select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27><path fill=%27%236b7280%27 d=%27M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:40px}.status-select-wrap select::-ms-expand{display:none}.btn-ghost{background:#f3f4f6;border:none;border-radius:12px;padding:8px 12px}.icon-btn{background:#fff;border:1px solid #10161a0f;border-radius:8px;padding:8px 10px}.users-table-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #10161a0a;padding:12px}.table-scroll{overflow:auto}.users-table{border-collapse:initial;border-spacing:0;width:100%}.users-table thead{background-color:#eeeff1}.users-table thead th{color:#6b7280;font-size:13px;padding:16px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.users-table thead th:first-child{border-bottom-left-radius:16px;border-top-left-radius:16px}.users-table thead th:last-child{border-bottom-right-radius:16px;border-top-right-radius:16px;text-align:right}.users-table tbody td{color:#111827;font-size:14px;overflow:visible;padding:16px;text-overflow:clip;vertical-align:middle;white-space:normal}.email-cell{align-items:center;display:flex;gap:8px}.users-table td:last-child{text-align:end}.cell-with-label .cell-value{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.external-icon{color:#6b7280;font-size:14px}.badge{border-radius:12px;display:inline-block;font-size:12px;padding:6px 10px}.badge-available{background:#dff7e8;color:#0f7a44}.badge-active{background:#e6ffee;color:#0f7a44}.badge-list{background:#efe5fb;color:#4d2a8a}.status-pill{background:#e9f8ee;color:#2f9a57;font-weight:400}.switch{display:inline-block;height:20px;position:relative;width:36px}.switch input{display:none}.slider{background-color:#e5e7eb;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.slider:after{background:#fff;border-radius:50%;content:"";height:16px;left:2px;position:absolute;top:2px;transition:transform .18s ease;width:16px}.switch input:checked+.slider{background:#36b37e}.switch input:checked+.slider:after{transform:translateX(16px)}.users-table-footer{align-items:center;background-color:#f7f8f9;border-radius:16px;display:flex;justify-content:center;padding:14px}.users-page{align-items:center}.users-table-card{margin:0 auto;width:100%}.btn-ghost{align-items:center;background:#f8fafc;border:1px solid #10161a0f;border-radius:8px;display:flex;height:36px;justify-content:center;padding:6px 10px}.btn-ghost[disabled]{cursor:not-allowed;opacity:.5}.active-page{border-color:#5b2ed666!important;color:#4d2a8a!important}.users-table-footer .page-size select{border:1px solid #10161a0f;border-radius:8px;padding:8px}.pager{color:#6b7280}.users-empty{color:#9b9b9b;padding:28px;text-align:center}.op-buttons .btn-delete,.op-buttons .btn-edit{background:#fff;border:none;cursor:pointer;font-size:13px;padding:6px}.op-buttons .btn-edit{border-color:#3fc88a33;color:#1f6f3a}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;width:100%;z-index:9999}.modal-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001f;max-width:calc(100% - 32px);overflow:visible;padding:10px 32px 24px;width:740px}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:12px 20px}.modal-header h3{font-size:18px;margin:0}.modal-close{background:#0000;border:none;cursor:pointer;font-size:22px;line-height:1}.modal-body{grid-column-gap:36px;background:#f7f8f9;border-radius:24px;box-sizing:border-box;column-gap:36px;display:grid;grid-template-columns:repeat(2,1fr);max-height:72vh;overflow:auto;overflow-y:auto;padding:18px 20px}.modal-body label{font-size:13px}.modal-body textarea{background:#0000;border:1px solid #e0e2e9;border-radius:12px;max-height:calc(70vh - 80px);min-height:140px;overflow-wrap:anywhere;padding:8px 12px;resize:vertical;white-space:pre-wrap;width:100%;word-break:break-word}.add-options-list{display:flex;flex-direction:column;gap:14px;padding:12px 6px}.option-card{align-items:center;background:#f7f9fb;border:none;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;text-align:left;width:100%}.option-card:hover{background:#f2f6f9}.option-left{flex:0 0 64px}.option-icon,.option-left{align-items:center;display:flex;justify-content:center}.option-icon{height:64px;width:64px}.option-icon img{height:100%;object-fit:contain;width:100%}.option-right{flex:1 1 auto}.option-title{color:#111827;font-size:15px;font-weight:600;margin-bottom:6px}.option-desc{color:#6b7280;font-size:13px;line-height:1.4;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.form-row{display:flex;flex-direction:column;margin-bottom:12px}.form-row.two-columns{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-row.full-width{grid-column:1/-1}.modal-body.single-column{grid-template-columns:1fr}.form-row label{color:#333;font-size:13px;margin-bottom:6px}.form-row .label-icon{align-items:center;display:inline-flex;height:18px;vertical-align:middle;width:18px}.form-row .label-icon svg{height:100%;width:100%}.form-row label{align-items:center;display:flex;gap:8px}.form-row .label-icon svg,.form-row .label-icon svg *{stroke:#000!important;color:#000!important}.form-row input{background:#fafafa;border:1px solid #e6e6e6;border-radius:12px;padding:8px 16px}.password-input,.password-row{position:relative}.password-input{padding-right:44px}.password-toggle{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;position:absolute;right:12px;top:70%;transform:translateY(-50%)}.password-toggle svg{height:16px;width:16px}.password-toggle:hover{opacity:.9}.form-row select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-sizing:border-box;color:#111827;font-size:14px;height:40px;padding:8px 12px;width:100%}.form-row select:focus{border-color:#6b46c1;box-shadow:0 0 0 4px #6b46c114;outline:none}.form-row select::-ms-expand{display:none}.form-error{color:#d9534f;font-size:12px;margin-top:6px}.modal-actions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end;padding:12px 0 20px 20px}.btn-primary{background:#6b46c1;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 14px;width:-webkit-fit-content;width:fit-content}.btn-primary[disabled]{cursor:not-allowed;opacity:.6}.btn-spinner{animation:btn-spin .9s linear infinite;border:2px solid #fff9;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}@keyframes btn-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-ghost{background:#f7f8f9;cursor:pointer;padding:16px 14px}*,html{scrollbar-color:#4d2a8a #0000;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000;border:none;box-shadow:none}::-webkit-scrollbar-thumb{background-color:#4d2a8a;border:none;border-radius:8px;box-shadow:none;outline:none}::-webkit-scrollbar-thumb:hover{background-color:#432076}::-webkit-scrollbar-corner{background:#0000}.pagination-footer{margin-top:12px}.pagination-container{justify-content:space-between;width:100%}.page-size-wrap,.pagination-container{align-items:center;display:flex;gap:12px}.page-size-wrap{position:relative;z-index:1000}.page-size-wrap .lang-menu{bottom:auto;box-shadow:0 6px 18px #0f172a1f;right:auto;top:calc(100% + 6px);width:auto}.page-size-select{background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px}.pagination-controls{align-items:center;display:flex;gap:8px}.go-button,.next-button,.page-button,.prev-button{align-items:center;background:#0000;border:1px solid #e6e6e6;border-radius:8px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:8px 10px}.page-list{display:flex;gap:8px}.page-button{background:#f8fafc;border-radius:8px;min-width:36px;padding:6px 10px}.page-button.active{background:#fff;border-color:#5b2ed666;color:#4d2a8a}.go-to{align-items:center;display:flex;gap:8px}.go-input{border:1px solid #e6e6e6;border-radius:8px;padding:8px;text-align:center;width:56px}.page-info{color:#6b7280}.pagination-container .ellipsis{align-items:center;color:#9aa3b2;display:inline-flex;font-size:16px;padding:0 6px}@media(max-width:768px){.pagination-container{align-items:stretch;flex-direction:column;gap:20px}.page-size-wrap .lang-menu{border-radius:6px;font-size:12px}.page-size-wrap{display:flex;justify-content:center;order:1;width:100%}.page-size-select{max-width:100%;width:140px}.pagination-controls{flex-wrap:wrap;gap:6px;justify-content:center;order:2;width:100%}.page-button{border-radius:8px;min-width:30px;padding:6px 8px}.next-button,.prev-button{height:32px;padding:6px 8px}.go-to{justify-content:center;order:3;width:100%}.go-input{width:64px}}.proxy-page{display:flex;flex-direction:column;gap:18px;padding:12px 24px}.proxy-page .users-controls-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 18px #10161a08;display:flex;justify-content:space-between;padding:14px;width:100%}.proxy-page .controls-left{align-items:center;display:flex;gap:12px}.proxy-page .status-select-wrap select{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27><path fill=%27%236b7280%27 d=%27M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:40px}.proxy-page .status-select-wrap select:focus{border-color:#6b46c1;box-shadow:0 0 0 4px #6b46c114;outline:none}.proxy-page .search-input input{border:1px solid #10161a0f;border-radius:12px;min-width:320px;padding:10px 12px}.proxy-page .users-table-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #10161a0a;padding:12px}.proxy-page .users-table thead{background-color:#eeeff1}.proxy-page .users-table tbody td{color:#111827;font-size:14px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.proxy-page .users-table-footer{align-items:center;background-color:#f7f8f9;border-radius:16px;display:flex;justify-content:center;padding:14px}.proxy-page .users-controls-card{gap:8px}@media(max-width:768px){.proxy-page{padding-left:12px;padding-right:12px}.proxy-page .users-controls-card{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:10px}.proxy-page .users-controls-card .controls-left{flex:1 1 auto;min-width:0}.proxy-page .users-controls-card .search-input input{min-width:0;width:100%}.proxy-page .users-controls-card .controls-right{display:flex;justify-content:center;width:100%}.proxy-page .users-controls-card .btn-add{width:100%}}.proxy-page .op-buttons{display:inline-flex;gap:8px}.proxy-page .btn-add{background:#4d2a8a;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:8px 14px}.files-page{display:flex;flex-direction:column;gap:18px;padding:12px 0}.files-controls-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 18px #10161a08;display:flex;justify-content:space-between;padding:14px;width:100%}.files-table-card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #10161a0a;padding:12px}.files-table thead{background-color:#eeeff1}.files-table tbody td{color:#111827;font-size:14px;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.files-table-footer{align-items:center;background-color:#f7f8f9;border-radius:16px;display:flex;justify-content:center;padding:14px}.status-pill{border-radius:16px;display:inline-block;font-size:13px;line-height:1;min-width:64px;padding:6px 12px;text-align:center}.status-pill.status-available{background:#dbf3df;color:#4bc160}.status-pill.status-off{background:#fdecea;color:#c92a2a}.op-buttons{display:inline-flex}.op-buttons svg{height:14px;width:14px}.search-input input{border:1px solid #10161a0f;border-radius:12px;min-width:280px;padding:10px 12px}.btn-add{background:#4d2a8a;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:8px 14px}@media(max-width:768px){.files-controls-card{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding:10px}.files-controls-card .controls-left{display:flex;flex-direction:column;min-width:0}.files-controls-card .search-input input{min-width:0;width:100%}.files-controls-card .controls-right{display:flex;flex:0 0 auto;justify-content:center;width:100%}.files-controls-card .btn-add{width:100%}}.status-switch{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;position:relative;width:44px}.status-switch[disabled]{cursor:default;opacity:.7}.status-switch .switch-track{background:#e0e2e9;border-radius:999px;height:20px;position:absolute;transition:background .18s ease;width:40px}.status-switch .switch-knob{background:#fff;border-radius:50%;box-shadow:0 2px 6px #10161a1f;height:18px;position:relative;transform:translateX(-8px);transition:transform .18s ease,background .18s ease;width:18px}.status-switch.on .switch-track{background:#4bc160}.status-switch.on .switch-knob{transform:translateX(8px)}.full-screen-overlay{align-items:center;background:#fff9;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.preview-card{max-height:calc(100vh - 120px);max-width:900px;overflow:auto;width:calc(100% - 80px)}.preview-body{box-sizing:border-box;height:100%;max-width:100%;overflow:auto}.preview-content{color:#111827}.preview-content iframe,.preview-content img,.preview-content table,.preview-content video{display:block;height:auto;max-width:100%}.preview-content table{border-collapse:collapse;padding:0;table-layout:fixed;width:100%}.preview-content td,.preview-content th{white-space:normal;word-break:break-word}.btn-check{background:#d97783;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-left:8px;padding:8px 12px}.btn-check[disabled]{cursor:default;opacity:.7}.inline-preview{margin-top:12px}.inline-preview,.inline-preview.preview-body{box-sizing:border-box;grid-column:1/-1;width:100%}.inline-preview .preview-content{width:100%}.preview-row{grid-column:1/-1}
/*# sourceMappingURL=main.fd73e5e2.css.map*/