.totp-login-step{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:400px;padding:40px 20px}.totp-header{margin-bottom:40px;text-align:center}.totp-icon{font-size:3rem;margin-bottom:16px}.totp-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 16px}.totp-description{font-size:.95rem;margin:0}.totp-form{width:100%}.otp-input-container{margin-bottom:30px}.otp-label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:16px;text-align:center}.otp-separator{font-size:1.2rem}.totp-actions{justify-content:space-between;margin-bottom:24px}.totp-actions .btn{flex:1 1;font-size:.9rem;padding:12px 20px}.totp-help{margin-top:20px;text-align:center}.totp-help p{color:#666;font-size:.85rem;line-height:1.5;margin:0}.btn-primary:hover:not(:disabled){box-shadow:0 2px 8px #007bff4d;transform:translateY(-1px)}.btn-secondary:hover:not(:disabled){box-shadow:0 2px 8px #6c757d4d;transform:translateY(-1px)}@media (max-width:480px){.totp-login-step{padding:20px 16px}.totp-header{margin-bottom:30px}.totp-icon{font-size:2.5rem}.totp-title{font-size:1.25rem}.otp-container{gap:4px}.otp-input{font-size:1.2rem!important;height:40px!important;width:35px!important}.otp-separator{font-size:1rem}.totp-actions{flex-direction:column}.totp-actions .btn{flex:none}}.login-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.login-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}.language-switcher{justify-content:flex-end;margin-bottom:1rem}.login-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group:last-of-type{margin-bottom:1.5rem}.form-label{color:#555;font-size:.9rem}.form-input{box-sizing:border-box;font-size:1rem;padding:.75rem}.error-message{color:#721c24;margin-bottom:1rem;padding:.75rem}.submit-button{background-color:#007bff;font-size:1rem;padding:.75rem;transition:background-color .2s ease}.submit-button:disabled{opacity:.7}.submit-button:focus{box-shadow:0 0 0 3px #007bff4d;outline:none}.forgot-password-link{color:#007bff;font-size:.9rem;text-decoration:none;transition:color .2s ease}.forgot-password-link:hover{color:#0056b3;text-decoration:underline}.app-layout{background-color:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#fff;border-bottom:1px solid #dee2e6;box-shadow:0 2px 4px #0000001a;flex-shrink:0;padding:1rem 2rem}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-left,.header-right{align-items:center;display:flex;gap:1rem}.app-title{color:#343a40;font-size:1.5rem;font-weight:600;margin:0}.header-actions{gap:.5rem}.header-actions,.user-section{align-items:center;display:flex}.user-section{gap:1rem}.language-switcher{display:flex;gap:.5rem}.lang-button{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.lang-button:hover{background-color:#f8f9fa;border-color:#007bff}.lang-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.lang-button.active:hover{background-color:#0056b3}.user-info{align-items:flex-end;display:flex;flex-direction:column}.user-name-link{color:inherit;cursor:pointer;text-decoration:none;transition:color .2s ease}.user-name-link:hover{color:#007bff}.user-name{color:#495057;font-weight:600;margin:0;transition:color .2s ease}.user-name-link:hover .user-name{color:#007bff}.user-role{color:#6c757d;font-size:.875rem;margin:0;text-transform:capitalize}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.logout-button:hover{background-color:#c82333}.logout-button:focus{box-shadow:0 0 0 3px #dc35454d;outline:none}.app-navigation{background-color:#fff;border-bottom:1px solid #dee2e6;box-shadow:0 1px 3px #0000001a;flex-shrink:0}.nav-content{display:flex;gap:0;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-item{align-items:center;border-bottom:3px solid #0000;color:#6c757d;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-item.active,.nav-item:hover{background-color:#f8f9fa;color:#007bff}.nav-item.active:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.nav-icon{align-items:center;display:flex;font-size:1rem}.nav-label{font-weight:500}.error-banner{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;justify-content:space-between;margin-bottom:1rem;padding:1rem}.error-banner,.error-close{align-items:center;color:#721c24;display:flex}.error-close{background:none;border:none;cursor:pointer;font-size:1.2rem;height:20px;justify-content:center;line-height:1;padding:0;width:20px}.error-close:hover{color:#491217}.page-content{flex:1 1}.app-main{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}@media (max-width:768px){.app-header{padding:1rem}.header-content{align-items:stretch;flex-direction:column;gap:1rem}.header-left{justify-content:center}.user-section{flex-wrap:wrap;gap:.5rem;justify-content:space-between}.language-switcher{order:1}.user-info{align-items:flex-start;order:2}.logout-button{align-self:flex-start;order:3}.nav-content{flex-wrap:wrap;padding:0 1rem}.nav-item{font-size:.8rem;min-width:auto;padding:.75rem 1rem}.nav-label{display:none}.nav-icon{font-size:1.25rem}.app-main{padding:1rem}.app-title{font-size:1.25rem;text-align:center}}.dashboard-content{padding:0}.modules-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.module-card{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.module-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.module-title{color:#495057;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.module-description{color:#6c757d;font-size:.95rem;line-height:1.4;margin:0 0 1rem}.module-button{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:opacity .2s ease,transform .1s ease}.module-button:hover{opacity:.9;transform:translateY(-1px)}.module-button:focus{box-shadow:0 0 0 3px #0000001a;outline:none}.module-button:active{transform:translateY(0)}.module-button.primary{background-color:#007bff;color:#fff}.module-button.success{background-color:#28a745;color:#fff}.module-button.purple{background-color:#6f42c1;color:#fff}.module-button.warning{background-color:#ffc107;color:#212529}.module-button.info{background-color:#17a2b8;color:#fff}.status-card{border-radius:8px;margin-bottom:1rem;padding:1.5rem}.status-card.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-card.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-card-title{font-weight:600;margin:0 0 .5rem}.status-card p{line-height:1.4;margin:0}.status-card ul{margin:0;padding-left:1.5rem}.status-card li{margin-bottom:.25rem}@media (max-width:768px){.modules-grid{gap:1rem;grid-template-columns:1fr}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-container{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%}.modal-container.small{max-width:400px}.modal-container.medium{max-width:600px}.modal-container.large{max-width:800px}.modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-title{color:#333;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;transition:all .2s ease;width:30px}.modal-close:hover{background-color:#f8f9fa;color:#000}.modal-body{flex:1 1;overflow-y:auto;padding:20px}.modal-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:20px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-container{margin:0;max-width:none;width:100%}.modal-container.large,.modal-container.medium,.modal-container.small{max-width:none}.modal-body,.modal-footer,.modal-header{padding:15px}.modal-title{font-size:1.1rem}}.sortable-table th.sortable{cursor:pointer;position:relative;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.sortable-table th.sortable:hover{background-color:#e9ecef}.sortable-table th.sorted{background-color:#e3f2fd;color:#1976d2}.sortable-table th.sorted:hover{background-color:#bbdefb}.column-header{align-items:center;display:flex;gap:8px;justify-content:space-between;min-height:20px}.column-label{flex:1 1;text-align:left}.sort-icon{flex-shrink:0;font-size:14px;font-weight:700;opacity:.7;text-align:center;transition:opacity .2s ease;width:16px}.sort-icon.neutral{color:#6c757d;opacity:.3}.sort-icon.asc,.sort-icon.desc{color:#1976d2;opacity:1}.sortable-table th.sortable:hover .sort-icon.neutral{opacity:.6}.actions-header{text-align:center;width:120px}.actions{white-space:nowrap}@media (max-width:768px){.column-header{flex-direction:column;gap:2px;text-align:center}.sort-icon{font-size:12px}.actions-header{width:80px}.actions .btn{font-size:11px;padding:4px 6px}}@media (max-width:480px){.column-header{gap:1px}.column-label{font-size:12px}.sort-icon{font-size:10px;width:12px}.actions{display:flex;flex-direction:column;gap:2px}.actions .btn{font-size:10px;padding:2px 4px}}.pagination-container{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:15px;margin-top:20px;padding:20px 0}.pagination-info{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:14px;gap:15px;justify-content:space-between}.items-per-page{align-items:center;display:flex;gap:8px}.items-per-page label{color:#495057;font-weight:500}.limit-selector{background-color:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:14px;padding:4px 8px}.limit-selector:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.pagination-controls{flex-wrap:wrap;gap:8px}.pagination-btn,.pagination-controls{align-items:center;display:flex;justify-content:center}.pagination-btn{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;color:#495057;cursor:pointer;font-size:14px;gap:4px;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.pagination-btn:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.5}.pagination-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.pagination-btn.active:hover{background-color:#0056b3;border-color:#0056b3}.page-numbers{gap:4px}.page-number,.page-numbers{align-items:center;display:flex}.page-number{height:40px;justify-content:center;min-width:40px}.pagination-ellipsis{color:#6c757d;font-size:14px;padding:8px 4px}@media (max-width:768px){.pagination-container{gap:10px}.pagination-info{align-items:stretch;flex-direction:column;text-align:center}.pagination-controls{gap:4px}.pagination-btn{font-size:12px;min-width:35px;padding:6px 8px}.page-number{height:35px;min-width:35px}.pagination-btn span{display:none}}@media (max-width:480px){.page-numbers{justify-content:flex-start;max-width:100%;overflow-x:auto;padding:0 10px}.pagination-controls{flex-direction:column;gap:8px}.pagination-controls>.pagination-btn:first-child,.pagination-controls>.pagination-btn:last-child,.pagination-controls>.pagination-btn:nth-child(2),.pagination-controls>.pagination-btn:nth-last-child(2){align-self:stretch}}.confirmation-modal-content{padding:1rem 0;text-align:center}.confirmation-modal-content p{color:var(--text-primary);font-size:1rem;line-height:1.5;margin:0}.totp-disable-form{margin-top:20px;text-align:left}.form-group{margin-bottom:16px}.form-label{margin-bottom:6px}.form-input{border:1px solid #ddd;font-size:.9rem;transition:border-color .2s ease}.form-input:focus{border-color:#007bff}.form-input:disabled{background-color:#f8f9fa;color:#6c757d}.error-message{margin-bottom:16px}.warning-message{align-items:flex-start;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;display:flex;gap:12px;margin-top:16px;padding:16px}.warning-icon{flex-shrink:0;font-size:1.2rem}.warning-text{flex:1 1}.warning-text strong{color:#856404;display:block;margin-bottom:4px}.warning-text p{color:#856404;font-size:.9rem;line-height:1.4;margin:0}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:12px;margin-right:.5rem;width:12px}.user-management-content{padding:0}.role-badge{border-radius:12px;font-size:.75rem;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.role-badge.admin{background-color:#dc3545;color:#fff}.role-badge.user{background-color:#007bff;color:#fff}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.data-table{font-size:.875rem}.username-cell strong{color:#343a40}.email-cell{color:#6c757d}.role-cell{text-align:center}.date-cell{color:#6c757d;font-size:.8rem}.actions-cell{text-align:center}.action-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;margin:0 .25rem;padding:.5rem;transition:background-color .2s ease}.action-button:hover:not(:disabled){background-color:#f8f9fa}.action-button:disabled{cursor:not-allowed;opacity:.5}.edit-button:hover:not(:disabled){background-color:#e3f2fd}.delete-button:hover:not(:disabled){background-color:#ffebee}.no-users{padding:2rem;text-align:center}.no-users,.optional-label{color:#6c757d;font-style:italic}.optional-label{font-weight:400}.action-loading-overlay{align-items:center;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.table-container{overflow-x:auto}.data-table{min-width:600px}}.inventory-content{padding:0}.stock-warning{color:#856404;margin-left:5px}.movement-type.in{background-color:#d4edda;color:#155724}.movement-type.out{background-color:#f8d7da;color:#721c24}.movement-type.adjustment{background-color:#d1ecf1;color:#0c5460}.adjustment-info{background-color:#f8f9fa;border-radius:4px;margin-bottom:20px;padding:15px}.adjustment-info h4{color:#333;margin:0 0 8px}.adjustment-info p{color:#666;margin:0}.table-container{margin-bottom:20px}.data-table tr.low-stock{background-color:#fff3cd}.data-table tr.low-stock:hover{background-color:#ffeaa7}.totp-loading-step{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px;padding:40px}.totp-setup-step{padding:0}.setup-description{color:#666;line-height:1.6;margin-bottom:30px}.qr-section{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:20px;text-align:center}.qr-code-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:inline-block;margin-bottom:16px;padding:16px}.qr-instructions{color:#666;font-size:.9rem;margin:0}.manual-entry-section{margin-bottom:30px}.manual-entry-section h4{color:#333;font-size:1.1rem;margin:0 0 12px}.manual-instructions{color:#666;font-size:.9rem;margin-bottom:16px}.manual-key-container{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;display:flex;gap:12px;padding:12px}.manual-key{color:#495057;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;padding:0;word-break:break-all}.copy-button,.manual-key{background:none;border:none}.copy-button{border-radius:4px;cursor:pointer;font-size:1.2rem;padding:4px;transition:background-color .2s ease}.copy-button:hover{background-color:#e9ecef}.app-recommendations{background:#e7f3ff;border:1px solid #b8daff;border-radius:8px;padding:16px}.app-recommendations h4{color:#004085;font-size:1rem;margin:0 0 12px}.app-recommendations ul{color:#004085;margin:0;padding-left:20px}.app-recommendations li{margin-bottom:4px}.totp-verify-step{padding:0;text-align:center}.verify-description{color:#666;line-height:1.6;margin-bottom:30px}.otp-input-container{margin-bottom:20px}.otp-separator{align-items:center;color:#666;display:flex;font-weight:700}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#dc3545;font-size:.9rem;margin-top:16px;padding:12px}@media (max-width:768px){.otp-input{font-size:1.2rem!important;height:40px!important;width:35px!important}.qr-code-container svg{height:160px!important;width:160px!important}.app-recommendations ul{padding-left:16px}}@media (max-width:480px){.otp-container{gap:4px}.otp-input{font-size:1rem!important;height:35px!important;width:30px!important}.otp-separator{font-size:.8rem}}.avatar-upload-container{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.avatar-preview{background-color:#f3f4f6;border:3px solid #e5e7eb;border-radius:50%;height:120px;overflow:hidden;position:relative;width:120px}.avatar-image{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background-color:#9ca3af;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.avatar-initials{font-size:3rem;font-weight:600;text-transform:uppercase}.avatar-actions{display:flex;flex-direction:column;gap:.5rem}.cropper-modal{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cropper-content{background:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.cropper-content h3{color:#1f2937;margin-bottom:.5rem;margin-top:0}.cropper-instructions{color:#6b7280;margin-bottom:1.5rem}.cropper-container{background-color:#f3f4f6;border-radius:8px;height:300px;overflow:hidden;position:relative}.cropper-container,.zoom-controls{margin-bottom:1.5rem}.zoom-controls label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.zoom-slider{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;height:6px;outline:none;width:100%}.zoom-slider::-webkit-slider-thumb{appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:18px;width:18px}.zoom-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}.cropper-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn{padding:.5rem 1rem}.btn-sm{padding:.375rem .75rem}.btn-danger{background-color:#ef4444}.btn-danger:hover:not(:disabled){background-color:#dc2626}@media (max-width:768px){.avatar-upload-container{align-items:center;flex-direction:column}.avatar-actions{flex-direction:row;justify-content:center;width:100%}.cropper-content{padding:1.5rem}.cropper-container{height:250px}}.profile-edit-form{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:2rem}.edit-form{max-width:600px}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.form-section:nth-last-child(2){border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{color:#1f2937;font-size:1.25rem;margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-label{color:#374151;margin-bottom:.5rem}.form-input,.form-select{border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.error,.form-select.error{border-color:#ef4444}.form-input.disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.error-message{color:#ef4444}.error-message,.help-text{display:block;font-size:.875rem;margin-top:.25rem}.help-text{color:#6b7280}.timezone-selector{margin-bottom:1rem}.timezone-controls{align-items:flex-end;display:flex;gap:.75rem}.timezone-controls .form-select{flex:1 1}.timezone-controls .btn{flex-shrink:0;white-space:nowrap}.password-form{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:1rem;padding:1.5rem}.password-actions{margin-top:1.5rem;padding-top:1rem}.form-actions,.password-actions{display:flex;gap:.75rem;justify-content:flex-end}.form-actions{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.btn{align-items:center;border-radius:.375rem;display:inline-flex;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s}.btn:disabled{opacity:.5}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-primary{background-color:#3b82f6}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:#6b7280}.btn-secondary:hover:not(:disabled){background-color:#4b5563}@media (max-width:768px){.profile-edit-form{padding:1.5rem}.timezone-controls{align-items:stretch;flex-direction:column}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}@media (max-width:480px){.profile-edit-form{padding:1rem}.section-title{font-size:1.125rem}}.profile-container{margin:0 auto;max-width:800px;padding:20px}.profile-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.profile-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem 1rem}.profile-title-section{display:flex;flex-direction:column;gap:.5rem}.profile-title{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0}.profile-mode-indicator{color:#6b7280;font-size:.875rem;font-weight:500}.profile-avatar-display{display:flex;justify-content:left;margin-bottom:1.5rem}.profile-avatar{border:3px solid #e5e7eb;border-radius:50%;height:120px;object-fit:cover;width:120px}.profile-section{border-bottom:1px solid #e9ecef;padding:30px}.profile-section:last-child{border-bottom:none}.section-title{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 24px}.user-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:6px}.info-label{color:#666;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#333;font-size:1rem;padding:8px 0}.role-badge{background:#007bff;border-radius:16px;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;padding:4px 12px;text-transform:capitalize;width:fit-content}.totp-section{display:flex;flex-direction:column;gap:24px}.status-indicator,.totp-status{align-items:center;display:flex}.status-indicator{border-radius:8px;gap:16px;padding:16px;width:100%}.status-indicator.enabled{background-color:#d4edda;border:1px solid #c3e6cb}.status-indicator.disabled{background-color:#f8d7da;border:1px solid #f5c6cb}.status-icon{font-size:2rem}.status-text{flex:1 1}.status-label{font-size:1.1rem;font-weight:600;margin:0 0 4px}.status-indicator.enabled .status-label{color:#155724}.status-indicator.disabled .status-label{color:#721c24}.status-details{font-size:.875rem;margin:0;opacity:.8}.totp-description{color:#666;line-height:1.6}.totp-description p{margin:0}.totp-actions{display:flex;gap:12px}.totp-loading{color:#666;padding:40px;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff}.btn{font-size:.9rem;padding:10px 20px;text-align:center;transition:all .2s ease}.btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary:hover{background-color:#0056b3}.btn-danger:hover{background-color:#c82333}@media (max-width:768px){.profile-container{padding:16px}.profile-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.profile-title{font-size:1.5rem}.profile-section{padding:20px}.section-title{font-size:1.25rem}.user-info-grid{gap:16px;grid-template-columns:1fr}.status-indicator{flex-direction:column;gap:12px;text-align:center}.totp-actions{justify-content:center}}.totp-disable-form{padding:0}.totp-disable-form .form-group{margin-bottom:20px}.totp-disable-form .form-label{color:#333;display:block;font-weight:500;margin-bottom:8px}.totp-disable-form .form-input{border:1px solid #dee2e6;border-radius:4px;font-size:1rem;padding:10px 12px;transition:border-color .15s ease-in-out;width:100%}.totp-disable-form .form-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.totp-disable-form .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;font-size:.9rem;margin-bottom:16px;padding:12px}.totp-disable-form .warning-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;display:flex;gap:12px;margin-top:20px;padding:16px}.totp-disable-form .warning-icon{flex-shrink:0;font-size:1.5rem}.totp-disable-form .warning-text{flex:1 1}.totp-disable-form .warning-text strong{color:#856404;display:block;margin-bottom:4px}.totp-disable-form .warning-text p{color:#856404;font-size:.9rem;line-height:1.5;margin:0}.forgot-password-container{align-items:center;background-color:var(--background-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:40px;width:100%}.forgot-password-title{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.forgot-password-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:30px;text-align:center}.form-actions{margin-top:20px}.back-to-login-link{color:var(--primary-color);font-size:14px;text-decoration:none;transition:color .3s ease}.back-to-login-link:hover{color:#0056b3;text-decoration:underline}.success-message{margin-bottom:30px}.reset-password-container{align-items:center;background-color:var(--background-color);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-form{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:450px;padding:40px;width:100%}.reset-password-title{color:var(--text-primary);font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.reset-password-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-label{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:8px}.form-input{border:1px solid var(--border-color);border-radius:4px;font-size:16px;padding:10px 12px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;outline:none}.form-input:disabled{background-color:var(--background-color);cursor:not-allowed}.password-requirements{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:4px;font-size:14px;margin-bottom:20px;padding:15px}.requirements-title{color:var(--text-primary);font-weight:500;margin-bottom:8px}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{color:var(--text-secondary);padding:4px 0 4px 20px;position:relative}.password-requirements li:before{color:var(--text-secondary);content:"○";left:0;position:absolute}.password-requirements li.valid{color:var(--success-color)}.password-requirements li.valid:before{color:var(--success-color);content:"✓"}.error-message{background-color:#fee;border:1px solid #dc354533;border-radius:4px;color:var(--danger-color);font-size:14px;margin-bottom:20px;padding:10px 12px}.submit-button{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .3s ease;width:100%}.submit-button:hover:not(:disabled){background-color:#0056b3}.submit-button:disabled{background-color:#6c757d;cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:0 auto 20px;width:40px}.verifying-text{color:var(--text-secondary);text-align:center}.success-icon{align-items:center;background-color:var(--success-color);border-radius:50%;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.success-message{line-height:1.5;margin-bottom:20px}.redirect-message,.success-message{color:var(--text-secondary);text-align:center}.redirect-message{font-size:14px;font-style:italic}.error-icon{align-items:center;background-color:var(--danger-color);border-radius:50%;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.error-description{color:var(--text-secondary);line-height:1.5;margin-bottom:30px;text-align:center}.form-actions{text-align:center}.action-link{color:var(--primary-color);font-size:14px;text-decoration:none;transition:color .3s ease}.action-link:hover{color:#0056b3;text-decoration:underline}.totp-notice{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;margin-bottom:20px;padding:15px}.totp-notice strong{color:#856404;display:block;margin-bottom:5px}.totp-notice p{color:#856404;font-size:14px;line-height:1.5;margin:0}:root{--primary-color:#007bff;--primary-hover:#0056b3;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#6c757d;--text-light:#fff;--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-light:#f8f9fa;--bg-dark:#343a40;--border-color:#dee2e6;--border-light:#e9ecef;--border-dark:#6c757d;--shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,.075);--shadow:0 0.5rem 1rem #00000026;--shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-base:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:0.25rem;--border-radius:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:0.75rem;--border-radius-2xl:1rem;--border-radius-full:9999px;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--transition-base:all 0.2s ease-in-out;--transition-fade:opacity 0.15s linear;--transition-collapse:height 0.35s ease;--input-height:2.375rem;--input-padding-x:0.75rem;--input-padding-y:0.375rem;--input-font-size:var(--font-size-base);--input-border-width:1px;--input-border-color:#ced4da;--input-border-radius:var(--border-radius);--input-focus-border-color:#80bdff;--input-focus-box-shadow:0 0 0 0.2rem #007bff40;--btn-padding-x:1rem;--btn-padding-y:0.5rem;--btn-font-size:var(--font-size-sm);--btn-border-radius:var(--border-radius);--btn-border-width:1px;--card-border-width:1px;--card-border-color:rgba(0,0,0,.125);--card-border-radius:var(--border-radius);--card-inner-border-radius:calc(var(--border-radius) - var(--card-border-width));--card-cap-padding-y:0.75rem;--card-cap-padding-x:1.25rem;--card-cap-bg:#00000008;--card-bg:var(--bg-primary);--grid-gutter-width:1.5rem;--container-max-width:1200px}.loading{color:#666;font-size:18px;padding:50px;text-align:center}.spinner{border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:32px;margin:0 auto 15px;width:32px}.spinner,.spinner-small{animation:spin 1s linear infinite}.spinner-small{border:2px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;display:inline-block;height:16px;margin-right:8px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#1e7e34}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-sm{font-size:12px;margin:0 2px 0 0;padding:4px 8px}.btn-lg{font-size:16px;padding:12px 24px}.data-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e9ecef;padding:12px;text-align:left}.data-table th{color:#495057;font-weight:600}.data-table th,.data-table tr:hover{background-color:#f8f9fa}.data-table tr.highlight{background-color:#fff3cd}.data-table tr.highlight:hover{background-color:#ffeaa7}.data-table .actions{align-items:center}.data-table .no-data{color:#666;font-style:italic;padding:40px;text-align:center}.action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;max-width:300px;padding:10px}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:15px 20px}.card-body{padding:20px}.card-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;padding:15px 20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.stat-card h3{color:#007bff;font-size:24px;margin:0 0 8px}.stat-card p{color:#666;font-size:14px;margin:0}.tab-navigation{border-bottom:2px solid #e9ecef;display:flex;margin-bottom:20px;overflow-x:auto}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background-color:#f8f9fa;color:#007bff}.tab-button.active{border-bottom-color:#007bff;color:#007bff;font-weight:600}.form-group{margin-bottom:15px}.form-label{color:#333;display:block;font-weight:600;margin-bottom:5px}.form-input,.form-select,.form-textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-textarea{min-height:80px;resize:vertical}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1 1}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc3545}.field-error{color:#dc3545;display:block;font-size:12px;margin-top:4px}.form-checkbox{align-items:center;display:flex;gap:8px}.form-checkbox input[type=checkbox]{margin:0;width:auto}.badge{border-radius:3px;font-size:12px;font-weight:600;padding:2px 6px;text-transform:uppercase}.badge-primary{background-color:#007bff;color:#fff}.badge-success{background-color:#28a745;color:#fff}.badge-warning{background-color:#ffc107;color:#212529}.badge-danger{background-color:#dc3545;color:#fff}.badge-secondary{background-color:#6c757d;color:#fff}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.action-bar{align-items:stretch;flex-direction:column}.search-input{max-width:none}.tab-navigation{flex-wrap:wrap}.tab-button{flex:1 1;min-width:120px}.data-table{font-size:12px}.data-table td,.data-table th{padding:8px 4px}.actions{gap:2px}.actions,.form-row{flex-direction:column}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}*,:after,:before{font-family:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,select,textarea{font-family:inherit;font-size:inherit}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #007bff;outline-offset:2px}
/*# sourceMappingURL=main.82d51117.css.map*/