.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .28s;transition:opacity .28s}.fade-enter,.fade-leave-active{opacity:0}.fade-transform-enter-active,.fade-transform-leave-active{-webkit-transition:all .5s;transition:all .5s}.fade-transform-enter{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}.fade-transform-leave-to{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}.breadcrumb-enter-active,.breadcrumb-leave-active{-webkit-transition:all .5s;transition:all .5s}.breadcrumb-enter,.breadcrumb-leave-active{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.breadcrumb-move{-webkit-transition:all .5s;transition:all .5s}.breadcrumb-leave-active{position:absolute}.el-breadcrumb__inner,.el-breadcrumb__inner a{font-weight:400!important}.el-upload input[type=file]{display:none!important}.el-upload__input{display:none}.el-dialog{-webkit-transform:none;transform:none;left:0;position:relative;margin:0 auto}.upload-container .el-upload{width:100%}.upload-container .el-upload .el-upload-dragger{width:100%;height:200px}.el-dropdown-menu a{display:block}.el-range-separator{-webkit-box-sizing:content-box;box-sizing:content-box}#app .main-container{min-height:100%;-webkit-transition:margin-left .28s;transition:margin-left .28s;margin-left:210px;position:relative}#app .sidebar-container{-webkit-transition:width .28s;transition:width .28s;width:210px!important;background-color:#304156;height:100%;position:fixed;font-size:0;top:0;bottom:0;left:0;z-index:1001;overflow:hidden}#app .sidebar-container .horizontal-collapse-transition{-webkit-transition:width 0s ease-in-out,padding-left 0s ease-in-out,padding-right 0s ease-in-out;transition:width 0s ease-in-out,padding-left 0s ease-in-out,padding-right 0s ease-in-out}#app .sidebar-container .scrollbar-wrapper{overflow-x:hidden!important}#app .sidebar-container .el-scrollbar__bar.is-vertical{right:0}#app .sidebar-container .el-scrollbar{height:100%}#app .sidebar-container.has-logo .el-scrollbar{height:calc(100% - 50px)}#app .sidebar-container .is-horizontal{display:none}#app .sidebar-container a{display:inline-block;width:100%;overflow:hidden}#app .sidebar-container .svg-icon{margin-right:16px}#app .sidebar-container .sub-el-icon{margin-right:12px;margin-left:-2px}#app .sidebar-container .el-menu{border:none;height:100%;width:100%!important}#app .sidebar-container .el-submenu__title:hover,#app .sidebar-container .submenu-title-noDropdown:hover{background-color:#263445!important}#app .sidebar-container .is-active>.el-submenu__title{color:#f4f4f5!important}#app .sidebar-container .el-submenu .el-menu-item,#app .sidebar-container .nest-menu .el-submenu>.el-submenu__title{min-width:210px!important;background-color:#1f2d3d!important}#app .sidebar-container .el-submenu .el-menu-item:hover,#app .sidebar-container .nest-menu .el-submenu>.el-submenu__title:hover{background-color:#001528!important}#app .hideSidebar .sidebar-container{width:54px!important}#app .hideSidebar .main-container{margin-left:54px}#app .hideSidebar .submenu-title-noDropdown{padding:0!important;position:relative}#app .hideSidebar .submenu-title-noDropdown .el-tooltip{padding:0!important}#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon{margin-left:20px}#app .hideSidebar .submenu-title-noDropdown .el-tooltip .sub-el-icon{margin-left:19px}#app .hideSidebar .el-submenu{overflow:hidden}#app .hideSidebar .el-submenu>.el-submenu__title{padding:0!important}#app .hideSidebar .el-submenu>.el-submenu__title .svg-icon{margin-left:20px}#app .hideSidebar .el-submenu>.el-submenu__title .sub-el-icon{margin-left:19px}#app .hideSidebar .el-submenu>.el-submenu__title .el-submenu__icon-arrow{display:none}#app .hideSidebar .el-menu--collapse .el-submenu>.el-submenu__title>span{height:0;width:0;overflow:hidden;visibility:hidden;display:inline-block}#app .el-menu--collapse .el-menu .el-submenu{min-width:210px!important}#app .mobile .main-container{margin-left:0}#app .mobile .sidebar-container{-webkit-transition:-webkit-transform .28s;transition:-webkit-transform .28s;transition:transform .28s;transition:transform .28s,-webkit-transform .28s;width:210px!important}#app .mobile.hideSidebar .sidebar-container{pointer-events:none;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translate3d(-210px,0,0);transform:translate3d(-210px,0,0)}#app .withoutAnimation .main-container,#app .withoutAnimation .sidebar-container{-webkit-transition:none;transition:none}.el-menu--vertical>.el-menu .svg-icon{margin-right:16px}.el-menu--vertical>.el-menu .sub-el-icon{margin-right:12px;margin-left:-2px}.el-menu--vertical .el-menu-item:hover,.el-menu--vertical .nest-menu .el-submenu>.el-submenu__title:hover{background-color:#263445!important}.el-menu--vertical>.el-menu--popup{max-height:100vh;overflow-y:auto}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-track-piece{background:#d3dce6}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar{width:6px}.el-menu--vertical>.el-menu--popup::-webkit-scrollbar-thumb{background:#99a9bf;border-radius:20px}table{width:100%;border-collapse:collapse;color:hsla(0,0%,100%,.9)}td,th{padding:15px;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.05)}th{color:var(--success);font-weight:600;background:rgba(29,53,87,.5)}tr:hover{background:hsla(0,0%,100%,.03)}.status{padding:5px 10px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block}.status.active{background:rgba(76,201,240,.2);color:var(--success)}.status.expired{background:rgba(230,57,70,.2);color:var(--danger)}.status.used{background:rgba(114,9,183,.2);color:var(--purple)}.action-btn{background:transparent;border:none;color:var(--success);cursor:pointer;font-size:1rem;padding:5px}.badge{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block}.badge-admin{background:rgba(114,9,183,.2);color:var(--purple)}.badge-user{background:rgba(76,201,240,.2);color:var(--success)}.btn{padding:10px 20px;border-radius:30px;border:none;font-weight:600;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--secondary);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(67,97,238,.3);box-shadow:0 4px 12px rgba(67,97,238,.3)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:var(--dark)}.btn-warning{background:var(--warning);color:var(--dark)}.btn-danger{background:var(--danger);color:#fff}.btn-small{padding:6px 12px;font-size:.9rem}.card{background:hsla(0,0%,100%,.08);border-radius:15px;overflow:hidden;-webkit-transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:-webkit-transform .3s,-webkit-box-shadow .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s,-webkit-box-shadow .3s;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);margin-bottom:20px}.card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.2);box-shadow:0 10px 20px rgba(0,0,0,.2)}.card-header{padding:20px;border-bottom:1px solid hsla(0,0%,100%,.1);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.card-header,.card-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.card-title{font-size:1.3rem;gap:10px}.card-body{padding:20px}.account-status{background:hsla(0,0%,100%,.08);border-radius:15px;padding:20px;margin-bottom:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.status-info h3{margin-bottom:10px}.status-value{font-size:1.5rem;color:var(--warning);font-weight:700}.expiry-date{font-size:1.2rem;color:var(--success)}.checkin-card{background:hsla(0,0%,100%,.08);border-radius:15px;padding:25px;text-align:center}.checkin-btn{padding:15px 40px;font-size:1.2rem;margin:20px 0}.checkin-streak{font-size:1.1rem;margin-top:15px}.streak-count{color:var(--warning);font-weight:700}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:hsla(0,0%,100%,.08);border-radius:15px;padding:20px;text-align:center;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.stat-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);background:hsla(0,0%,100%,.12)}.stat-icon{font-size:2.5rem;margin-bottom:15px;color:var(--success)}.stat-value{font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:hsla(0,0%,100%,.7)}.form-container{margin:0 auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-control{width:100%;border-radius:8px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.07);color:#fff;font-size:1rem;-webkit-transition:all .3s;transition:all .3s}.form-control:focus{outline:none;border-color:var(--success);-webkit-box-shadow:0 0 0 3px rgba(76,201,240,.2);box-shadow:0 0 0 3px rgba(76,201,240,.2)}.form-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;margin-bottom:15px}.form-row .form-group{-webkit-box-flex:1;-ms-flex:1;flex:1}:root{--primary:#4361ee;--secondary:#3f37c9;--success:#4cc9f0;--dark:#1d3557;--light:#f8f9fa;--gray:#6c757d;--danger:#e63946;--warning:#ffb703;--purple:#7209b7;--teal:#2ec4b6}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:linear-gradient(135deg,#1d2b64,#1d3557);color:var(--light);height:100vh;min-width:1320px;overflow-x:hidden}label{font-weight:700}html{-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:auto;overflow-x:auto}#app,html{height:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}a:active,a:focus{outline:none}a,a:focus,a:hover{cursor:pointer;color:inherit;text-decoration:none}div:focus{outline:none}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.app-container,.page-container{padding:20px}.page-container .page-content{max-width:1200px;margin:0 auto}.page-container.active{display:block}.el-checkbox .el-checkbox__label{color:#fff;font-size:16px}@supports(-webkit-mask:none) and (not (cater-color:#fff)){.login-container .el-input input{color:#fff}}.el-input{display:inline-block;height:45px;width:100%}.el-input.is-disabled .el-input__inner{background-color:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.1)}.el-input input{background:transparent;border:0;-webkit-appearance:none;border-radius:0;padding:12px 5px 12px 15px;color:#fff;height:45px;caret-color:#fff;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.07);border-radius:8px}.el-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #283443 inset!important;box-shadow:inset 0 0 0 1000px #283443!important;-webkit-text-fill-color:#fff!important}.el-textarea textarea{background:transparent;border:0;-webkit-appearance:none;border-radius:0;padding:12px 5px 12px 15px;color:#fff;caret-color:#fff;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.07);border-radius:8px;resize:none}.el-textarea textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #283443 inset!important;box-shadow:inset 0 0 0 1000px #283443!important;-webkit-text-fill-color:#fff!important}.el-textarea .el-input__count{background:transparent;color:hsla(0,0%,100%,.65)}.el-form-item{color:#454545}.el-form-item .el-form-item__label{padding:0;font-size:16px;color:#fff}.el-table{font-size:16px}.el-table .el-checkbox__input.is-disabled .el-checkbox__inner{background:#bbb}.el-table th>.cell{padding-left:14px}.el-table,.el-table tr{background:transparent!important}.el-table th{background:#293d63}.el-table td,.el-table th.is-leaf{border-bottom:1px solid hsla(0,0%,100%,.05)}.el-table--border:after,.el-table--group:after,.el-table:before{background:hsla(0,0%,100%,.05)}.el-table--enable-row-hover .el-table__body tr:hover>td{background:#35466f}.el-table td.gutter,.el-table th.gutter{border-bottom:1px solid hsla(0,0%,100%,.05)}.el-table__body-wrapper::-webkit-scrollbar{width:15px}.el-table__body-wrapper::-webkit-scrollbar-thumb{background-color:rgba(29,52,89,.35);border-radius:5px}.el-table__body-wrapper::-webkit-scrollbar-track{background:rgba(47,67,103,.6)}.el-tag{padding:0 10px;border:none;font-weight:600;font-size:13px;background:rgba(76,201,240,.2);color:var(--success);border-radius:100px}.el-tag.el-tag--danger{background:rgba(230,57,70,.2);color:var(--danger)}.el-tag.el-tag--info{background:rgba(114,9,183,.2);color:var(--purple)}.el-button.is-plain{background:transparent;color:var(--primary);border:2px solid var(--primary)}.el-button.is-plain:active,.el-button.is-plain:focus,.el-button.is-plain:hover{background:var(--primary);border:2px solid var(--primary);color:hsla(0,0%,100%,.85)}.table-oper-btn{color:var(--success);margin-right:10px;cursor:pointer}.table-oper-btn:last-child{margin-right:0}.el-input-number__decrease{background:hsla(0,0%,100%,.25);color:#fff;border-left:none!important}.el-input-number__increase{background:hsla(0,0%,100%,.25);color:#fff;border-bottom:none!important}.el-input-number__decrease,.el-input-number__increase{border:hsla(0,0%,100%,.25)}.el-input-number__decrease:hover,.el-input-number__increase:hover{border:none}.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){border-color:#c0c4cc}.el-tabs .el-tabs__item{color:hsla(0,0%,100%,.8);font-size:18px}.el-tabs .el-tabs__item:hover{color:hsla(0,0%,100%,.9)}.el-tabs .el-tabs__item.is-active{color:#fff}.el-tabs .el-tabs__nav-wrap:after{background-color:transparent}.el-dialog{background:linear-gradient(135deg,#1d2b64,#1d3557)}.el-dialog .el-dialog__title{color:#fff}.el-pagination{margin-top:18px}.el-pagination .el-input__suffix{height:30px}.el-pagination button{background:transparent!important}.el-pagination .el-pager li{background:transparent}.el-dropdown-menu.el-popper{background-color:#2f4069;border:1px solid #2f4069}.el-dropdown-menu.el-popper .popper__arrow,.el-dropdown-menu.el-popper .popper__arrow:after{border-bottom-color:#2f4069}.el-dropdown-menu.el-popper .el-dropdown-menu__item{color:hsla(0,0%,100%,.8)}.el-dropdown-menu.el-popper .el-dropdown-menu__item:focus,.el-dropdown-menu.el-popper .el-dropdown-menu__item:not(.is-disabled):hover{background-color:#1d3358;color:#fff}.el-switch .el-switch__label:not(.is-active){color:hsla(0,0%,100%,.8)}.el-message{top:72px!important}.app-main[data-v-22cf736c]{min-height:calc(100vh - 50px);width:100%;position:relative;overflow:hidden}.fixed-header+.app-main[data-v-22cf736c]{padding-top:50px}.el-popup-parent--hidden .fixed-header{padding-right:15px}.svg-icon[data-v-f9f7fefc]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-f9f7fefc]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}