.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}}.staff-page[data-v-5f3f8164]{min-height:100vh;background:linear-gradient(135deg,#0a0e27,#0f3460 50%,#16213e);padding:40px 20px}.page-header[data-v-5f3f8164]{margin-bottom:40px;text-align:center}.page-header h1[data-v-5f3f8164]{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-5f3f8164]{font-size:1rem;color:#7b9fb8;font-weight:300;letter-spacing:.5px}.controls-section[data-v-5f3f8164]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;flex-wrap:wrap;max-width:100%}.search-box[data-v-5f3f8164]{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box i[data-v-5f3f8164]{position:absolute;left:15px;color:#0ff;font-size:1rem;opacity:.7}.search-input[data-v-5f3f8164]{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:#e0e0e0;font-size:.95rem;transition:all .3s ease}.search-input[data-v-5f3f8164]::-moz-placeholder{color:#7b9fb8}.search-input[data-v-5f3f8164]::placeholder{color:#7b9fb8}.search-input[data-v-5f3f8164]: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-5f3f8164]{background:rgba(15,52,96,.3);border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty-state[data-v-5f3f8164],.error-state[data-v-5f3f8164],.loading-state[data-v-5f3f8164]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:15px}.empty-state i[data-v-5f3f8164],.error-state i[data-v-5f3f8164],.loading-state i[data-v-5f3f8164]{font-size:3rem;color:#0ff;opacity:.6}.empty-state p[data-v-5f3f8164],.error-state p[data-v-5f3f8164]{font-size:1.1rem;color:#7b9fb8}.btn-retry[data-v-5f3f8164]{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-5f3f8164]:hover{background:rgba(0,255,255,.2);transform:translateY(-2px)}.table-wrapper[data-v-5f3f8164]{width:100%;overflow-x:auto;background:transparent!important;border:none;background:rgba(0,255,255,.05)!important;border-bottom:2px solid rgba(0,255,255,.2)!important;background:transparent!important;color:#0ff!important;font-weight:700;border:none;padding:15px 10px;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;background:transparent!important;background:transparent!important;border-bottom:1px solid rgba(0,255,255,.1);background:rgba(0,255,255,.05)!important;color:silver;border:none;padding:15px 10px;height:60px;margin-top:20px;text-align:right;background:rgba(15,52,96,.5);color:#7b9fb8;color:#0ff;color:#0ff}.user-info[data-v-5f3f8164]{display:flex;flex-direction:column;gap:3px}.user-info strong[data-v-5f3f8164]{color:#0ff;font-size:.95rem}.user-info .email[data-v-5f3f8164]{color:#7b9fb8;font-size:.85rem}.user-info .date[data-v-5f3f8164]{color:#5a6e7f;font-size:.8rem}.role-badge[data-v-5f3f8164]{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.role-admin[data-v-5f3f8164]{background:rgba(0,255,100,.2);color:#00ff64;border:1px solid rgba(0,255,100,.4)}.role-support[data-v-5f3f8164]{background:rgba(0,200,255,.2);color:#00c8ff;border:1px solid rgba(0,200,255,.4)}.approval-section[data-v-5f3f8164]{display:flex;flex-direction:column;gap:8px}.approval-badge[data-v-5f3f8164]{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-5f3f8164]{background:rgba(0,255,100,.15);color:#00ff64;border:1px solid rgba(0,255,100,.3)}.approval-rejected[data-v-5f3f8164]{background:rgba(255,68,68,.15);color:#f44;border:1px solid rgba(255,68,68,.3)}.approval-pending[data-v-5f3f8164]{background:rgba(255,193,7,.15);color:#ffc107;border:1px solid rgba(255,193,7,.3)}.approval-select[data-v-5f3f8164]{min-width:120px}.approval-select[data-v-5f3f8164] .el-input__inner{background:rgba(15,52,96,.6)!important;border:1px solid rgba(0,255,255,.3)!important;color:#e0e0e0!important;font-size:.85rem}.approval-select[data-v-5f3f8164] .el-input__inner:focus{border-color:#0ff!important;background:rgba(15,52,96,.8)!important}.status-select[data-v-5f3f8164]{min-width:120px}.status-select[data-v-5f3f8164] .el-input__inner{background:rgba(15,52,96,.6)!important;border:1px solid rgba(0,255,255,.3)!important;color:#e0e0e0!important;font-size:.85rem}.status-select[data-v-5f3f8164] .el-input__inner:focus{border-color:#0ff!important;background:rgba(15,52,96,.8)!important}.actions-group[data-v-5f3f8164]{display:flex;align-items:center;justify-content:center;gap:8px}.btn-action[data-v-5f3f8164]{transition:all .3s ease;background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);color:#0ff;background:rgba(0,255,255,.25)!important;border-color:#0ff!important;transform:translateY(-2px)}@media (max-width:1024px){.controls-section[data-v-5f3f8164]{flex-direction:column;align-items:stretch}.search-box[data-v-5f3f8164]{min-width:100%}.page-header h1[data-v-5f3f8164]{font-size:2rem}}@media (max-width:768px){.staff-page[data-v-5f3f8164]{padding:20px 10px}.page-header h1[data-v-5f3f8164]{font-size:1.5rem}.page-header .subtitle[data-v-5f3f8164]{font-size:.9rem}.content-area[data-v-5f3f8164]{padding:20px;border-radius:8px}.table-wrapper[data-v-5f3f8164] .el-table__header th{font-size:.75rem;padding:10px 5px}.table-wrapper[data-v-5f3f8164] .el-table__body td{padding:10px 5px;font-size:.85rem}}@media (max-width:480px){.staff-page[data-v-5f3f8164]{padding:15px 8px}.page-header h1[data-v-5f3f8164]{font-size:1.2rem}.content-area[data-v-5f3f8164]{padding:15px}.controls-section[data-v-5f3f8164]{gap:10px}.search-input[data-v-5f3f8164]{padding:10px 12px 10px 35px;font-size:.9rem}.table-wrapper[data-v-5f3f8164] .el-table{font-size:.75rem}.actions-group[data-v-5f3f8164]{gap:5px}.btn-action[data-v-5f3f8164] .el-button{padding:5px!important;min-width:auto}}