.spinner[data-v-480928be]{border-radius:100%;display:inline-block;animation:sk-scaleout-480928be 1s ease-in-out infinite}@keyframes sk-scaleout-480928be{0%{transform:scale(0)}to{transform:scale(1);opacity:0}}.add-edit-user-dialog[data-v-2e9e2727]{display:inline-block}.add-edit-user-dialog .el-button--primary[data-v-2e9e2727]{background:linear-gradient(135deg,#0ff,#0c9);border:none;font-weight:600;transition:all .3s ease}.add-edit-user-dialog .el-button--primary[data-v-2e9e2727]:hover{box-shadow:0 0 20px rgba(0,255,255,.4);transform:translateY(-2px)}.add-edit-user-dialog .el-dialog{width:40%;background:#0f3460!important;border:2px solid rgba(0,255,255,.2)!important;border-radius:12px;box-shadow:0 0 30px rgba(0,255,255,.2)}.add-edit-user-dialog .el-dialog__header{background:linear-gradient(135deg,#0a0e27,#0f3460 50%,#16213e);border-bottom:2px solid rgba(0,255,255,.3);padding:20px}.add-edit-user-dialog .el-dialog__title{color:#0ff;font-size:1.2rem;font-weight:700;letter-spacing:.5px;text-shadow:0 0 10px rgba(0,255,255,.3)}.add-edit-user-dialog .el-dialog__close{color:#0ff;font-size:1.2rem}.add-edit-user-dialog .el-dialog__close:hover{color:#fff}.add-edit-user-dialog .el-dialog__body{background:rgba(15,52,96,.3);padding:25px;color:#e0e0e0}.add-edit-user-dialog .el-form-item__label{color:#0ff!important;font-weight:600;letter-spacing:.3px}.add-edit-user-dialog .el-input__inner{background:rgba(15,52,96,.6)!important;border:1px solid rgba(0,255,255,.3)!important;color:#e0e0e0!important;transition:all .3s ease}.add-edit-user-dialog .el-input__inner:focus{background:rgba(15,52,96,.8)!important;border-color:#0ff!important;box-shadow:0 0 10px rgba(0,255,255,.2)!important}.add-edit-user-dialog .el-input__inner::-moz-placeholder{color:#7b9fb8}.add-edit-user-dialog .el-input__inner::placeholder{color:#7b9fb8}.add-edit-user-dialog .el-select{width:100%}.add-edit-user-dialog .el-select .el-input__inner{background:rgba(15,52,96,.6)!important;border:1px solid rgba(0,255,255,.3)!important;color:#e0e0e0!important}.add-edit-user-dialog .el-select .el-input__inner:focus{background:rgba(15,52,96,.8)!important;border-color:#0ff!important}.add-edit-user-dialog .el-dropdown-menu__item:hover{background:rgba(0,255,255,.2)!important;color:#0ff!important}.add-edit-user-dialog .el-option-group__title{color:#7b9fb8}.add-edit-user-dialog .el-option:hover{background:rgba(0,255,255,.15)!important;color:#0ff!important}.add-edit-user-dialog .el-option.selected{color:#0ff!important}.add-edit-user-dialog .el-tag{background:rgba(0,255,255,.2);border:1px solid rgba(0,255,255,.4);color:#0ff}.add-edit-user-dialog .el-dialog__footer{background:rgba(15,52,96,.3);border-top:1px solid rgba(0,255,255,.2);padding:20px;text-align:right}.add-edit-user-dialog .el-dialog__footer .el-button{min-width:100px;font-weight:600}.add-edit-user-dialog .el-dialog__footer .el-button--default{background:rgba(15,52,96,.6);border:1px solid rgba(0,255,255,.3);color:#7b9fb8;transition:all .3s ease}.add-edit-user-dialog .el-dialog__footer .el-button--default:hover{border-color:#0ff;color:#0ff;background:rgba(0,255,255,.1)}.add-edit-user-dialog .el-dialog__footer .el-button--primary{background:linear-gradient(135deg,#0ff,#0c9);border:none;color:#0a0e27;transition:all .3s ease}.add-edit-user-dialog .el-dialog__footer .el-button--primary:hover{box-shadow:0 0 20px rgba(0,255,255,.4);transform:translateY(-2px)}.add-edit-user-dialog .el-form-item__error{color:#ff6b6b}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.add-edit-user-dialog .el-dialog{width:50%}}@media (min-width:481px) and (max-width:767px){.add-edit-user-dialog .el-dialog{width:80%}}@media (min-width:320px) and (max-width:480px){.add-edit-user-dialog .el-dialog{width:90%}}.staff-page[data-v-70aeb2aa]{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#0f3460 50%,#16213e);padding:40px 20px}.page-header[data-v-70aeb2aa]{margin-bottom:40px}.page-header h1[data-v-70aeb2aa]{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#0ff,#0c9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;text-shadow:0 0 30px rgba(0,255,255,.3)}.page-header .subtitle[data-v-70aeb2aa]{font-size:1rem;color:#7b9fb8;font-weight:300;letter-spacing:.5px}.controls-section[data-v-70aeb2aa]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap;max-width:100%}.search-box[data-v-70aeb2aa]{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box i[data-v-70aeb2aa]{position:absolute;left:15px;color:#0ff;font-size:1rem;opacity:.7}.search-input[data-v-70aeb2aa]{width:100%;padding:12px 15px 12px 40px;background:rgba(15,52,96,.5);border:2px solid rgba(0,255,255,.3);border-radius:8px;color:#14244b;font-size:.95rem;transition:all .3s ease}.search-input[data-v-70aeb2aa]::-moz-placeholder{color:#7b9fb8}.search-input[data-v-70aeb2aa]::placeholder{color:#7b9fb8}.search-input[data-v-70aeb2aa]:focus{outline:none;border-color:#0ff;background:rgba(15,52,96,.7);box-shadow:0 0 15px rgba(0,255,255,.2)}.content-area[data-v-70aeb2aa]{background:rgba(15,52,96,.3);border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:0;backdrop-filter:blur(10px)}.empty-state[data-v-70aeb2aa],.error-state[data-v-70aeb2aa],.loading-state[data-v-70aeb2aa]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:15px}.empty-state i[data-v-70aeb2aa],.error-state i[data-v-70aeb2aa],.loading-state i[data-v-70aeb2aa]{font-size:3rem;color:#0ff;opacity:.6}.empty-state p[data-v-70aeb2aa],.error-state p[data-v-70aeb2aa]{font-size:1.1rem;color:#7b9fb8}.btn-retry[data-v-70aeb2aa]{padding:10px 20px;background:rgba(0,255,255,.1);border:2px solid #0ff;border-radius:6px;color:#0ff;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-retry[data-v-70aeb2aa]:hover{background:rgba(0,255,255,.2);transform:translateY(-2px)}.table-wrapper[data-v-70aeb2aa]{width:100%;overflow-x:auto}.user-info[data-v-70aeb2aa]{display:flex;flex-direction:column;gap:3px}.user-info strong[data-v-70aeb2aa]{color:#0ff;font-size:.95rem}.user-info .email[data-v-70aeb2aa]{color:#7b9fb8;font-size:.85rem}.user-info .date[data-v-70aeb2aa]{color:#5a6e7f;font-size:.8rem}.role-badge[data-v-70aeb2aa]{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.3px}.role-admin[data-v-70aeb2aa]{background:rgba(0,255,100,.2);color:#00ff64;border:1px solid rgba(0,255,100,.4)}.role-support[data-v-70aeb2aa]{background:rgba(0,200,255,.2);color:#00c8ff;border:1px solid rgba(0,200,255,.4)}.approval-section[data-v-70aeb2aa]{display:flex;flex-direction:column;gap:8px}.approval-badge[data-v-70aeb2aa]{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;width:-moz-fit-content;width:fit-content}.approval-approved[data-v-70aeb2aa]{background:rgba(0,255,100,.15);color:#00ff64;border:1px solid rgba(0,255,100,.3)}.approval-rejected[data-v-70aeb2aa]{background:rgba(255,68,68,.15);color:#f44;border:1px solid rgba(255,68,68,.3)}.approval-pending[data-v-70aeb2aa]{background:rgba(255,193,7,.15);color:#ffc107;border:1px solid rgba(255,193,7,.3)}.actions-group[data-v-70aeb2aa]{display:flex;align-items:center;justify-content:center;gap:8px}.btn-action[data-v-70aeb2aa]{transition:all .3s ease}.pagination-section[data-v-70aeb2aa]{margin-top:25px;text-align:right}.table-responsive[data-v-70aeb2aa]{border-radius:8px;overflow:hidden;background:rgba(15,52,96,.2);border:1px solid rgba(0,255,255,.15)}@media (max-width:1024px){.controls-section[data-v-70aeb2aa]{flex-direction:column;align-items:stretch}.search-box[data-v-70aeb2aa]{min-width:100%}.page-header h1[data-v-70aeb2aa]{font-size:2rem}}@media (max-width:768px){.staff-page[data-v-70aeb2aa]{padding:20px 10px}.page-header h1[data-v-70aeb2aa]{font-size:1.5rem}.page-header .subtitle[data-v-70aeb2aa]{font-size:.9rem}.content-area[data-v-70aeb2aa]{padding:20px;border-radius:8px}}@media (max-width:480px){.staff-page[data-v-70aeb2aa]{padding:15px 8px}.page-header h1[data-v-70aeb2aa]{font-size:1.2rem}.content-area[data-v-70aeb2aa]{padding:15px}.controls-section[data-v-70aeb2aa]{gap:10px}.search-input[data-v-70aeb2aa]{padding:10px 12px 10px 35px;font-size:.9rem}.actions-group[data-v-70aeb2aa]{gap:5px}}.table-wrapper ::v-deep .el-table{background:transparent!important;border:none}.table-wrapper ::v-deep .el-table__header-wrapper{background:rgba(0,255,255,.05)!important;border-bottom:2px solid rgba(0,255,255,.2)!important}.table-wrapper ::v-deep .el-table__header th{background:transparent!important;color:#0ff!important;font-weight:700;border:none;padding:15px 10px;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.table-wrapper ::v-deep .el-table__body-wrapper{background:transparent!important}.table-wrapper ::v-deep .el-table__body tr{background:transparent!important;border-bottom:1px solid rgba(0,255,255,.1)}.table-wrapper ::v-deep .el-table__body tr:hover{background:rgba(0,255,255,.05)!important}.table-wrapper ::v-deep .el-table__body td{color:#14244b;border:none;padding:15px 10px}.table-wrapper ::v-deep .el-table__row{height:60px}.approval-select ::v-deep .el-input__inner{background:rgba(15,52,96,.6)!important;border:1px solid rgba(0,255,255,.3)!important;color:#14244b!important;font-size:.85rem}.approval-select ::v-deep .el-input__inner:focus{border-color:#0ff!important;background:rgba(15,52,96,.8)!important}.status-select ::v-deep .el-input__inner{background:rgba(15,52,96,.6)!important;border:1px solid rgba(0,255,255,.3)!important;color:#14244b!important;font-size:.85rem}.status-select ::v-deep .el-input__inner:focus{border-color:#0ff!important;background:rgba(15,52,96,.8)!important}.btn-action ::v-deep .el-button{background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);color:#0ff}.btn-action ::v-deep .el-button:hover{background:rgba(0,255,255,.25)!important;border-color:#0ff!important;transform:translateY(-2px)}.pagination-section ::v-deep .el-pagination{display:flex;justify-content:flex-end;align-items:center}.pagination-section ::v-deep .el-pagination .btn-next,.pagination-section ::v-deep .el-pagination .btn-prev,.pagination-section ::v-deep .el-pagination .el-pager li{background:rgba(15,52,96,.6);color:#7b9fb8;border:1px solid rgba(0,255,255,.2);border-radius:4px;margin:0 3px;transition:all .3s ease}.pagination-section ::v-deep .el-pagination .btn-next:hover,.pagination-section ::v-deep .el-pagination .btn-prev:hover,.pagination-section ::v-deep .el-pagination .el-pager li:hover{color:#0ff;border-color:#0ff;background:rgba(0,255,255,.15)}.pagination-section ::v-deep .el-pagination .active{color:#0ff;border-color:#0ff;background:rgba(0,255,255,.2)}.pagination-section ::v-deep .el-select{margin:0 5px}.pagination-section ::v-deep .el-select .el-input__inner{background:rgba(15,52,96,.6)!important;border:1px solid rgba(0,255,255,.2)!important;color:#14244b!important}@media (max-width:768px){.table-wrapper ::v-deep .el-table__header th{font-size:.75rem;padding:10px 5px}.table-wrapper ::v-deep .el-table__body td{padding:10px 5px;font-size:.85rem}}@media (max-width:480px){.table-wrapper ::v-deep .el-table{font-size:.75rem}.btn-action ::v-deep .el-button{padding:5px!important;min-width:auto}}.details-dialog ::v-deep{.el-dialog{background:rgba(15,52,96,.9);border:2px solid rgba(0,255,255,.2);border-radius:12px;backdrop-filter:blur(10px)}.el-dialog__header{background:linear-gradient(135deg,#0ff,#0c9);border-bottom:2px solid rgba(0,255,255,.3);padding:20px}.el-dialog__title{color:#0a0e27;font-weight:700;font-size:1.1rem;letter-spacing:.5px}.el-dialog__close{color:#0a0e27;font-size:1.3rem}.el-dialog__close:hover{color:#00ff64}.el-dialog__body{background:rgba(15,52,96,.6);color:#14244b;padding:20px}.el-dialog__footer{background:rgba(15,52,96,.4);border-top:1px solid rgba(0,255,255,.2);padding:15px 20px;text-align:right}.el-dialog__footer .el-button{margin:0}.el-dialog__footer .el-button--default{background:rgba(15,52,96,.6);border:1px solid rgba(0,255,255,.3);color:#7b9fb8;transition:all .3s ease}.el-dialog__footer .el-button--default:hover{border-color:#0ff;color:#0ff;background:rgba(0,255,255,.1)}}.admin-details{padding:10px 0}.detail-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,255,255,.1);gap:15px}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;min-width:130px;letter-spacing:.3px}.detail-label,.detail-value{color:#14244b;font-size:.95rem}.detail-value{word-break:break-word;flex:1}.dialog-footer{display:flex;justify-content:flex-end}