:root{--bg:#fff;--muted:#6b7280;--primary:#f7941d;--accent:#1cc6c6;--secondary:#23408e;--danger:#ef4444;--surface:#f8fafc}[data-theme=dark]{--bg:#1a202c;--muted:#a0aec0;--surface:#2d3748}[data-theme=dark] .staff-page{color:#f7fafc}[data-theme=dark] .stat-card{background:linear-gradient(135deg,#2d3748,#4a5568);border-color:#4a5568}[data-theme=dark] .stat-label,[data-theme=dark] .stat-number{color:#f7fafc}[data-theme=dark] .tab-group{background:#2d3748}[data-theme=dark] .tab-btn.active{background:#4a5568;color:#f7fafc}[data-theme=dark] .btn{border-color:#f7fafc1a;color:#f7fafc}[data-theme=dark] .btn.primary{background:linear-gradient(135deg,#f7941d,#ff9f3a);background:linear-gradient(135deg,var(--primary),#ff9f3a);color:#1a202c}[data-theme=dark] .search{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .view-toggle{background:#2d3748}[data-theme=dark] .view-btn.active{background:#4a5568;color:#f7fafc}[data-theme=dark] .filter-select{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .staff-table{background:#2d3748}[data-theme=dark] .staff-table thead{background:linear-gradient(135deg,#2d3748,#4a5568)}[data-theme=dark] .staff-table td,[data-theme=dark] .staff-table th{border-color:#4a5568;color:#f7fafc}[data-theme=dark] .staff-table td{background:#2d3748}[data-theme=dark] .staff-table tbody tr:hover{background:#4a5568}[data-theme=dark] .modal-overlay{background:#1a202ccc}[data-theme=dark] .modal-content{background:#2d3748;color:#f7fafc}[data-theme=dark] .modal-content h3{border-color:#4a5568;color:#f7fafc}[data-theme=dark] .input{background:#4a5568;border-color:#718096;color:#f7fafc}[data-theme=dark] .label{color:#f7fafc}[data-theme=dark] .form-section{border-color:#4a5568}[data-theme=dark] .form-section-title{color:#f7fafc}[data-theme=dark] .permission-module{background:linear-gradient(135deg,#4a5568,#2d3748);border-color:#718096}[data-theme=dark] .permission-module strong{border-color:#718096;color:#f7fafc}[data-theme=dark] .permission-actions label{color:#cbd5e0}[data-theme=dark] .footer-actions{border-color:#4a5568}[data-theme=dark] .empty-state{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .staff-footer{background:#2d3748;border-color:#4a5568;color:#cbd5e0}[data-theme=dark] .staff-card{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .staff-card-name{color:#f7fafc}[data-theme=dark] .staff-card-role{color:#cbd5e0}[data-theme=dark] .staff-card-info-label{color:#a0aec0}[data-theme=dark] .staff-card-info-value{color:#f7fafc}[data-theme=dark] .staff-grid-card{background:#2d3748;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .staff-grid-name{color:#f7fafc}[data-theme=dark] .staff-grid-contact,[data-theme=dark] .staff-grid-email,[data-theme=dark] .staff-grid-role{color:#cbd5e0}[data-theme=dark] .action-btn{background:#4a5568;border-color:#718096;color:#f7fafc}[data-theme=dark] .action-btn:hover{background:#718096}[data-theme=dark] .profile-section{border-color:#4a5568}[data-theme=dark] .profile-name{color:#f7fafc}[data-theme=dark] .profile-role{color:#cbd5e0}[data-theme=dark] .info-item{background:#4a5568;border-color:#718096}[data-theme=dark] .info-label{color:#a0aec0}[data-theme=dark] .info-value,[data-theme=dark] .section-title{color:#f7fafc}[data-theme=dark] .permission-profile-card{background:#4a5568;border-color:#718096}[data-theme=dark] .permission-profile-card:hover{background:#718096}[data-theme=dark] .permission-profile-title{color:#f7fafc}[data-theme=dark] .activity-placeholder{background:#4a5568;border-color:#718096;color:#cbd5e0}.staff-page{background:linear-gradient(135deg,#f8fafc,#fff);color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding:24px}[data-theme=dark] .staff-page{background:linear-gradient(135deg,#1a202c,#2d3748)}.staff-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #0000000d;border-radius:0 0 16px 16px;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;justify-content:space-between;margin:-24px -24px 24px;padding:24px}[data-theme=dark] .staff-header{background:#2d3748cc;border-color:#ffffff1a}.staff-title{color:#23408e;color:var(--secondary);font-size:24px;font-weight:700;margin:0}.stats-dashboard{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafce6);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#f7941d,#1cc6c6);background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.stat-icon{align-items:center;background:linear-gradient(135deg,#f7941d,#1cc6c6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:12px;color:#fff;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.stat-content{flex:1 1}.stat-number{color:#0f172a;font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{color:#6b7280;font-size:14px;font-weight:500}.tab-group{background:#f8fafc;border-radius:10px;display:flex;gap:0;padding:4px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.tab-btn:hover{color:#0f172a}.tab-btn.active{background:#fff;box-shadow:0 2px 4px #0000000f;color:#23408e;color:var(--secondary)}.tab-btn:disabled{cursor:default}.controls{align-items:center;display:flex;gap:12px}.btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #0f172a14;border-radius:12px;color:#23408e;color:var(--secondary);cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{border-color:#0f172a33;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn.primary{background:linear-gradient(135deg,#f7941d,#ff9f3a);background:linear-gradient(135deg,var(--primary),#ff9f3a);border:0;box-shadow:0 2px 8px #f7941d4d}.btn.primary:hover{box-shadow:0 6px 16px #f7941d66}.btn.danger{background:#ef4444;background:var(--danger);border:0;color:#fff}.btn.secondary{background:#23408e;background:var(--secondary);border:0;color:#fff}.search{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:280px}.search:focus{border-color:#f7941d;border-color:var(--primary);box-shadow:0 0 0 3px #f7941d1a;outline:none}.view-toggle{background:#f8fafc;border-radius:8px;display:flex;gap:0;padding:2px}.view-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s}.view-btn:hover{background:#e5e7eb}.view-btn.active{background:#fff;box-shadow:0 2px 4px #0000000f;color:#23408e;color:var(--secondary)}.filter-group{align-items:center;display:flex;gap:8px}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;min-width:120px;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.filter-select:focus{border-color:#f7941d;border-color:var(--primary);box-shadow:0 0 0 3px #f7941d1a;outline:none}.staff-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-collapse:collapse;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-top:24px;overflow:hidden;width:100%}.staff-table thead{background:linear-gradient(135deg,#f7941d1a,#1cc6c61a)}.staff-table th{border-bottom:2px solid #0000000d;color:#374151;font-size:13px;font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase}.staff-table td,.staff-table th{padding:18px 16px;vertical-align:middle}.staff-table td{background:#fffc;border-bottom:1px solid #00000008;transition:all .3s ease}.staff-table tbody tr{transition:all .3s cubic-bezier(.4,0,.2,1)}.staff-table tbody tr:hover{background:#f7941d05;box-shadow:0 4px 20px #00000014;transform:translateX(4px)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 10px}.chip.active{background:#dcfce7;color:#166534}.chip.inactive{background:#fee2e2;color:#991b1b}.pagination{color:#6b7280;color:var(--muted);font-size:13px;gap:8px}.modal-overlay,.pagination{align-items:center;display:flex}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02061799;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideIn .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 80px #00000026;max-height:90vh;max-width:90vw;overflow-y:auto;padding:32px;position:relative;width:720px}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content h3{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#f7941d,#1cc6c6);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #f1f5f9;color:#0f172a;display:flex;font-size:24px;font-weight:700;gap:12px;margin:0 0 24px;padding-bottom:16px}.form-grid{grid-gap:16px}.form-grid,.form-row{display:grid;gap:16px}.form-row{grid-gap:16px;grid-template-columns:1fr 1fr}.input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input:focus{background:#fff;border-color:#f7941d;border-color:var(--primary);box-shadow:0 0 0 4px #f7941d26;outline:none;transform:translateY(-1px)}.permissions{display:flex;flex-wrap:wrap;gap:16px}.permission-group{min-width:160px}.permission-group strong{color:#6b7280;color:var(--muted);display:block;font-size:12px;margin-bottom:6px}.footer-actions{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}.label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px;width:100%}.error-text{color:#ef4444;color:var(--danger);font-size:12px;font-weight:500;margin-top:4px}.form-section{border-top:1px solid #f1f5f9;margin-top:20px;padding-top:20px}.form-section-title{align-items:center;color:#0f172a;display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:12px}@media (max-width:768px){.staff-page{padding:16px}.staff-header{align-items:stretch;flex-direction:column;gap:16px}.stats-dashboard{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:16px 0}.stat-card{gap:12px;padding:16px}.stat-icon{height:48px;width:48px}.stat-icon,.stat-number{font-size:24px}.stat-label{font-size:13px}.staff-title{font-size:20px}.controls{align-items:stretch;flex-direction:column;gap:12px}.tab-group{justify-content:center}.search{width:100%}.staff-table{display:none}.staff-cards{display:block}.staff-grid{display:none}.staff-footer{align-items:center;flex-direction:column;gap:12px;text-align:center}.modal-content{margin:16px;max-width:calc(100vw - 32px);min-width:320px}.form-grid .form-section,.form-row,.info-grid,.permissions-grid,.permissions-profile-grid{grid-template-columns:1fr}}@media (max-width:600px){.staff-page{padding:16px}.staff-header{gap:16px;margin:-16px -16px 20px;padding:20px}.staff-title{font-size:20px}.btn{border-radius:10px;padding:10px 16px}.btn,.tab-btn{font-size:14px}.tab-btn{padding:8px 14px}.search{font-size:14px;padding:10px 12px}.staff-table td,.staff-table th,.table-cell,.table-header{font-size:12px;padding:10px 6px}.modal-content{border-radius:16px;margin:16px;min-width:320px;padding:20px}.modal-content h3{font-size:20px}.profile-header{flex-direction:column;gap:16px;text-align:center}.footer-actions{flex-direction:column;gap:12px;padding-top:20px}.footer-actions .btn{padding:14px;width:100%}.staff-grid,.view-toggle{display:none}.filter-group{flex-direction:column;gap:8px;width:100%}.filter-select{padding:10px 12px;width:100%}.stat-card{gap:16px;padding:20px}.stat-icon{font-size:20px;height:48px;width:48px}.stat-number{font-size:22px}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 4px}}.empty-state{background:#fff;border:1px dashed #e5e7eb;border-radius:8px;color:#111827;flex-direction:column;justify-content:center;padding:28px}.empty-state,.staff-footer{align-items:center;display:flex}.staff-footer{background:#fafbfc;border-radius:0 0 12px 12px;border-top:2px solid #f1f5f9;justify-content:space-between;margin-top:20px;padding:16px 20px}.btn.primary{background:#f7941d;background:var(--primary);border:none;border-radius:6px;color:#fff;padding:8px 12px}.permissions-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:12px}.permission-module{background:linear-gradient(135deg,#fafbfc,#fff);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000a;padding:14px;transition:transform .2s,box-shadow .2s}.permission-module:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.permission-module strong{border-bottom:1px solid #f1f5f9;color:#0f172a;display:block;font-size:14px;margin-bottom:10px;padding-bottom:6px}.permission-actions{display:flex;flex-direction:column;gap:8px}.permission-actions label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:13px;gap:8px;transition:color .2s}.permission-actions label:hover{color:#0f172a}.permission-actions input[type=checkbox]{accent-color:#f7941d;accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.profile-section{border-bottom:1px solid #f1f5f9;margin-bottom:16px;padding-bottom:16px}.profile-section:last-of-type{border-bottom:none}.profile-header{align-items:center;display:flex;gap:14px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#f7941d,#1cc6c6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;box-shadow:0 4px 12px #f7941d33;color:#fff;display:flex;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.profile-name{color:#0f172a;font-size:18px;font-weight:700}.profile-role{color:#6b7280;font-size:13px;margin-top:3px}.info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.info-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px}.info-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#0f172a;font-size:13px;font-weight:600}.profile-section .section-title,.section-title{align-items:center;color:#0f172a;display:flex;font-size:20px!important;font-weight:700;gap:6px;margin-bottom:10px}.permissions-profile-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.permission-profile-card{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;padding:12px;transition:background .2s}.permission-profile-card:hover{background:#f3f4f6}.permission-profile-title{color:#0f172a;font-size:13px;font-weight:600;margin-bottom:8px}.permission-profile-badges{display:flex;flex-wrap:wrap;gap:5px}.permission-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:10px;font-weight:600;gap:3px;padding:4px 7px}.permission-badge.enabled{background:#dcfce7;color:#166534}.permission-badge.disabled{background:#f3f4f6;color:#9ca3af}.activity-placeholder{background:#f8fafc;border:1px dashed #e5e7eb;border-radius:10px;padding:20px;text-align:center}.action-buttons{display:flex;gap:8px}.action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s;white-space:nowrap}.action-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.action-btn.view{border-color:#cffafe}.action-btn.view:hover{background:#ecfeff;border-color:#1cc6c6}.action-btn.edit{border-color:#fed7aa}.action-btn.edit:hover{background:#ffedd5;border-color:#f7941d}.action-btn.delete{border-color:#fee2e2}.action-btn.delete:hover{background:#fef2f2;border-color:#ef4444}.staff-cards{display:none;margin-top:16px}.staff-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 1px 3px #0000000a;margin-bottom:12px;padding:16px;transition:all .2s}.staff-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.staff-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.staff-card-name{color:#0f172a;font-size:16px;font-weight:600}.staff-card-role{color:#6b7280;font-size:13px;margin-top:2px}.staff-card-info{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.staff-card-info-item{display:flex;flex-direction:column;gap:2px}.staff-card-info-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.staff-card-info-value{color:#0f172a;font-size:13px;font-weight:500}.staff-card-actions{display:flex;gap:8px;justify-content:flex-end}.staff-card-status{margin-bottom:8px}.staff-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.staff-grid-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:20px;position:relative;transition:all .3s ease}.staff-grid-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.staff-grid-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.staff-grid-avatar{align-items:center;background:linear-gradient(135deg,#f7941d,#1cc6c6);background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;box-shadow:0 4px 12px #f7941d33;color:#fff;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;width:50px}.staff-grid-content{margin-bottom:16px}.staff-grid-name{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:4px}.staff-grid-role{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:8px}.staff-grid-contact,.staff-grid-email{color:#4b5563;font-size:13px;margin-bottom:4px}.staff-grid-status{margin-bottom:16px}.staff-grid-actions{display:flex;gap:8px;justify-content:flex-end}.table-header{text-align:left}.table-cell,.table-header{padding:8px 4px}.select-checkbox{margin-right:4px}@media (max-width:768px){.table-cell,.table-header{font-size:13px;padding:12px 8px}.select-checkbox{height:16px;width:16px}}@media (max-width:600px){.table-cell,.table-header{font-size:12px;padding:10px 6px}}
/*# sourceMappingURL=main.2b8c8a28.css.map*/