.admin-container{padding:0;max-width:100%}.admin-container .error-message{background:var(--color-danger-muted);border:2px solid var(--color-danger);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;color:var(--color-danger);display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.9375rem;font-weight:600;box-shadow:var(--shadow-md);animation:slideDown .3s ease-out}.admin-container .error-message i{font-size:1.25rem;flex-shrink:0}.admin-container .error-message .close-btn{background:#ffffff80;border:1px solid rgba(0,0,0,.08);color:var(--color-danger);font-size:1.5rem;cursor:pointer;padding:.25rem;width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.admin-container .error-message .close-btn:hover{background:var(--color-danger);color:#fff;transform:scale(1.1) rotate(90deg);border-color:var(--color-danger)}.admin-container .success-message{background:var(--color-success-muted);border:2px solid var(--color-success);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.5rem;color:var(--color-success);display:flex;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:600;box-shadow:var(--shadow-md);animation:slideDown .3s ease-out}.admin-container .success-message i{font-size:1.25rem;flex-shrink:0}.admin-container .loading-state{display:flex;align-items:center;justify-content:center;min-height:400px;color:#fff;font-size:1.125rem;font-weight:600}.admin-container .loading-state i{font-size:2.5rem;margin-right:1rem;color:var(--color-accent);animation:spin 1s linear infinite}.admin-container .tab-content{border-radius:24px;padding:2rem;min-height:500px;box-shadow:0 8px 32px #00000003;transition:all var(--transition-base)}.admin-container .tab-content:hover{border-color:#ffffff80;box-shadow:0 12px 48px #0000000d}.admin-container .tab-content h3{color:#fff;font-size:1.5rem;font-weight:800;margin:0 0 2rem;letter-spacing:-.025em}.admin-container .tab-content .users-section .section-footer{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(0,0,0,.06)}.admin-container .tab-content .users-section .section-footer h3{margin:0;display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.025em}.admin-container .tab-content .users-section .section-footer .btn-primary{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:var(--color-accent);color:#fff;border:none;border-radius:16px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #6366f14d}.admin-container .tab-content .users-section .section-footer .btn-primary i{font-size:1.125rem}.admin-container .tab-content .users-section .section-footer .btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.admin-container .tab-content .users-section .section-footer .btn-primary:active{transform:translateY(0);box-shadow:0 4px 12px #6366f14d}.admin-container .tab-content .users-section .users-table{background:#fff3;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-container .tab-content .users-section .users-table table{width:100%;border-collapse:collapse}.admin-container .tab-content .users-section .users-table table thead{background:#ffffff1b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:2px solid var(--color-border)}.admin-container .tab-content .users-section .users-table table thead th{padding:1rem 1.25rem;text-align:left;color:#fff;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.admin-container .tab-content .users-section .users-table table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.admin-container .tab-content .users-section .users-table table tbody tr:hover{background:var(--color-background)}.admin-container .tab-content .users-section .users-table table tbody tr:last-child{border-bottom:none}.admin-container .tab-content .users-section .users-table table tbody tr td{padding:1.25rem;color:#fff;font-size:.9375rem;vertical-align:middle}.admin-container .tab-content .users-section .users-table table tbody tr td:first-child{color:#fff;font-weight:600}.admin-container .tab-content .users-section .users-table table tbody tr td .role{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-container .tab-content .users-section .users-table table tbody tr td .role.admin{background:var(--color-danger-muted);color:var(--color-danger)}.admin-container .tab-content .users-section .users-table table tbody tr td .role.user{background:var(--color-accent-muted);color:var(--color-accent)}.admin-container .tab-content .users-section .users-table table tbody tr td .status{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-container .tab-content .users-section .users-table table tbody tr td .status.active{background:var(--color-success-muted);color:var(--color-success)}.admin-container .tab-content .users-section .users-table table tbody tr td .status.inactive{background:#9ca3af26;color:#fff}.admin-container .tab-content .users-section .users-table table tbody tr td.actions{display:flex;gap:.5rem}.admin-container .tab-content .users-section .users-table table tbody tr td.actions .btn-edit,.admin-container .tab-content .users-section .users-table table tbody tr td.actions .btn-delete{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);border:2px solid var(--color-border);background:transparent;color:#fff;cursor:pointer;transition:all var(--transition-fast);font-size:1rem}.admin-container .tab-content .users-section .users-table table tbody tr td.actions .btn-edit:hover,.admin-container .tab-content .users-section .users-table table tbody tr td.actions .btn-delete:hover{transform:translateY(-2px) scale(1.05)}.admin-container .tab-content .users-section .users-table table tbody tr td.actions .btn-edit:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-muted)}.admin-container .tab-content .users-section .users-table table tbody tr td.actions .btn-delete:hover{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-muted)}.admin-container .modal-overlay{position:fixed;inset:0;background:none;z-index:9998;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.admin-container .modal-overlay .modal-content{background:#ffffff65;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:0;width:90%;max-width:540px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000001a;animation:slideUp .3s ease-out}.admin-container .modal-overlay .modal-content .modal-header{padding:1.75rem;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;background:#ffffff65;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-container .modal-overlay .modal-content .modal-header h3{color:#000;margin:0;display:flex;align-items:center;gap:.75rem;font-weight:800;font-size:1.5rem;letter-spacing:-.025em}.admin-container .modal-overlay .modal-content .modal-header h3 i{color:var(--color-accent)}.admin-container .modal-overlay .modal-content .modal-header .close-btn{background:#ffffff80;border:1px solid rgba(0,0,0,.08);color:#000;font-size:1.5rem;cursor:pointer;padding:.375rem;width:40px;height:40px;border-radius:12px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.admin-container .modal-overlay .modal-content .modal-header .close-btn:hover{background:var(--color-danger-muted);color:var(--color-danger);border-color:var(--color-danger);transform:scale(1.1) rotate(90deg)}.admin-container .modal-overlay .modal-content .user-form{padding:1.75rem;overflow-y:auto;flex:1}.admin-container .modal-overlay .modal-content .user-form .form-group{margin-bottom:1.5rem}.admin-container .modal-overlay .modal-content .user-form .form-group:last-of-type{margin-bottom:0}.admin-container .modal-overlay .modal-content .user-form .form-group label{display:block;color:#fff;margin-bottom:.625rem;font-weight:700;font-size:.9375rem}.admin-container .modal-overlay .modal-content .user-form .form-group input,.admin-container .modal-overlay .modal-content .user-form .form-group select{width:100%;padding:.875rem 1.25rem;background:#ffffff65;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(0,0,0,.08);border-radius:14px;color:#fff;font-size:.9375rem;font-family:inherit;transition:all var(--transition-fast);box-shadow:0 8px 32px #00000003}.admin-container .modal-overlay .modal-content .user-form .form-group input:hover,.admin-container .modal-overlay .modal-content .user-form .form-group select:hover{background:#ffffffd9;border-color:#0000001f}.admin-container .modal-overlay .modal-content .user-form .form-group input:focus,.admin-container .modal-overlay .modal-content .user-form .form-group select:focus{outline:none;background:#fffffff2;border-color:var(--color-accent);box-shadow:0 0 0 4px #6366f11a;transform:translateY(-1px)}.admin-container .modal-overlay .modal-content .user-form .form-group input::placeholder,.admin-container .modal-overlay .modal-content .user-form .form-group select::placeholder{color:#fff}.admin-container .modal-overlay .modal-content .user-form .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.admin-container .modal-overlay .modal-content .user-form .form-group select option{background:#fff;color:#fff}.admin-container .modal-overlay .modal-content .user-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.75rem;border-top:1px solid rgba(0,0,0,.06)}.admin-container .modal-overlay .modal-content .user-form .form-actions .btn-cancel{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;background:#ffffff65;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:16px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 8px 32px #00000003}.admin-container .modal-overlay .modal-content .user-form .form-actions .btn-cancel:hover{background:#ffffff80;transform:translateY(-2px);box-shadow:0 12px 48px #0000000d}.admin-container .modal-overlay .modal-content .user-form .form-actions .btn-cancel:active{transform:translateY(0)}.admin-container .modal-overlay .modal-content .user-form .form-actions .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;background:var(--color-accent);color:#fff;border:none;border-radius:16px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #6366f14d}.admin-container .modal-overlay .modal-content .user-form .form-actions .btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.admin-container .modal-overlay .modal-content .user-form .form-actions .btn-primary:active{transform:translateY(0);box-shadow:0 4px 12px #6366f14d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.admin-container .tab-content{padding:1.5rem}.admin-container .tab-content .users-section .section-footer{flex-direction:column;gap:1rem;align-items:stretch}.admin-container .tab-content .users-section .section-footer .btn-primary{width:100%;justify-content:center}.admin-container .tab-content .users-section .users-table{overflow-x:auto}.admin-container .tab-content .users-section .users-table table{min-width:650px}.admin-container .modal-overlay{padding:1rem}.admin-container .modal-overlay .modal-content{width:95%;max-width:none}.admin-container .modal-overlay .modal-content .modal-header{padding:1.25rem}.admin-container .modal-overlay .modal-content .modal-header h3{font-size:1.25rem}.admin-container .modal-overlay .modal-content .user-form{padding:1.25rem}.admin-container .modal-overlay .modal-content .user-form .form-actions{flex-direction:column-reverse;gap:.75rem}.admin-container .modal-overlay .modal-content .user-form .form-actions .btn-cancel,.admin-container .modal-overlay .modal-content .user-form .form-actions .btn-primary{width:100%}}@media(max-width:480px){.admin-container .tab-content{padding:1rem;border-radius:18px}.admin-container .tab-content h3{font-size:1.25rem}.admin-container .tab-content .users-section .section-footer{padding-top:1rem}.admin-container .tab-content .users-section .section-footer h3{font-size:1.125rem}.admin-container .tab-content .users-section .users-table table thead th{padding:.875rem;font-size:.75rem}.admin-container .tab-content .users-section .users-table table tbody td{padding:.875rem;font-size:.875rem}.admin-container .tab-content .users-section .users-table table tbody td .role,.admin-container .tab-content .users-section .users-table table tbody td .status{font-size:.75rem;padding:.25rem .5rem}.admin-container .tab-content .users-section .users-table table tbody td.actions .btn-edit,.admin-container .tab-content .users-section .users-table table tbody td.actions .btn-delete{width:32px;height:32px;font-size:.875rem}.admin-container .error-message,.admin-container .success-message{font-size:.875rem;padding:1rem}}