.login-container{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:2rem;font-weight:700;margin:0 0 10px}.login-header p{color:#666;font-size:1rem;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.input-container{align-items:center;display:flex;position:relative}.form-group input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;padding:12px 45px 12px 16px;transition:all .3s ease}.input-icon{color:#666;pointer-events:none;right:15px}.password-toggle{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:5px;position:absolute;right:10px;transition:background-color .2s}.password-toggle:hover{background-color:#0000001a}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-group input:focus{background:#fff;box-shadow:0 0 0 3px #007bff1a}.form-group input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.password-strength{margin-top:8px}.strength-bar{border-radius:2px;height:4px;margin-bottom:4px;transition:all .3s ease}.strength-text{font-size:.8rem;font-weight:600;margin-bottom:2px}.strength-feedback{color:#666;font-size:.7rem}.captcha-group{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;padding:15px}.captcha-container{align-items:center;display:flex;gap:10px;margin-top:8px}.captcha-question{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-weight:600;min-width:80px;padding:8px 12px;text-align:center}.captcha-container input{flex:1 1;max-width:80px;padding:8px 12px}.captcha-refresh{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 12px;transition:background-color .2s}.captcha-refresh:hover:not(:disabled){background:#5a6fd8}.captcha-refresh:disabled{background:#ccc;cursor:not-allowed}.security-warning{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.9rem;margin:10px 0;padding:10px 15px;text-align:center}.block-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-weight:600;margin:10px 0;padding:15px;text-align:center}.loading-spinner{align-items:center;display:inline-flex;gap:8px}.loading-spinner:before{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;width:16px}.error-message{font-size:.9rem;padding:12px 16px;text-align:center}.login-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:14px 20px;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #007bff4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:center}.security-features{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.security-item{align-items:center;background:#f8f9fa;border-radius:6px;color:#666;display:flex;font-size:.75rem;gap:6px;padding:6px}.security-icon{font-size:.9rem}.device-info{color:#999;font-family:monospace;font-size:.7rem;margin:10px 0 0}.login-footer p{color:#666;font-size:.8rem;margin:0}@media (max-width:480px){.login-card{margin:10px;padding:30px 20px}.login-header h1{font-size:1.5rem}.security-features{gap:8px;grid-template-columns:1fr}.captcha-container{align-items:stretch;flex-direction:column}.captcha-container input{max-width:none}.form-group input{padding:12px 40px 12px 12px}}.navbar{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-brand h2{color:#ecf0f1;font-size:1.5rem;font-weight:600;margin:0}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.nav-links>a{border-radius:6px;color:#ecf0f1;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-links>a:hover{background-color:#ffffff1a;transform:translateY(-1px)}.dropdown{position:relative}.dropdown-btn{background:none;border:none;border-radius:6px;color:#ecf0f1;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.dropdown-btn:hover{background-color:#ffffff1a}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;left:0;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:1000}.dropdown-item,.dropdown-menu a{background:none;border:none;color:#2c3e50;cursor:pointer;display:block;font-size:.9rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .3s;width:100%}.dropdown-item:hover,.dropdown-menu a:hover{background-color:#f8f9fa}.dropdown-item:disabled{cursor:not-allowed;opacity:.6}.user-menu{margin-left:auto}.user-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:25px;color:#ecf0f1;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.user-btn:hover{background:#fff3;transform:translateY(-1px)}.user-dropdown{left:auto;min-width:220px;right:0}.user-info{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem}.user-info p{font-size:.9rem;margin:.25rem 0}.user-role{color:#6c757d;font-size:.8rem!important;font-weight:500;text-transform:uppercase}.logout-btn{background:none;color:#dc3545;display:block;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:background-color .3s;width:100%}.logout-btn:hover{background-color:#f8f9fa}.modal-content{border-radius:12px;box-shadow:0 10px 30px #0003;padding:2rem;text-align:center;width:100%}.modal-content h3{color:#e67e22;font-size:1.3rem;margin:0 0 1rem}.modal-content p{color:#333;margin:.5rem 0}.warning{color:#666!important;font-size:.9rem!important;font-style:italic}.modal-actions{justify-content:center;margin-top:1.5rem}.btn-secondary{border-radius:6px}@media (max-width:768px){.navbar{align-items:stretch;flex-direction:column;padding:1rem}.nav-brand{margin-bottom:1rem;text-align:center}.nav-links{flex-direction:column;gap:.5rem;width:100%}.dropdown-btn,.nav-links>a{padding:.75rem;text-align:center;width:100%}.dropdown-menu{border:1px solid #dee2e6;box-shadow:none;margin-top:0;position:static;width:100%}.user-menu{margin-left:0;width:100%}.user-btn{text-align:center;width:100%}.user-dropdown{left:0;right:auto;width:100%}}@media (max-width:480px){.navbar{padding:.75rem}.nav-brand h2{font-size:1.3rem}.dropdown-btn,.nav-links>a{font-size:.9rem;padding:.6rem}.modal-content{margin:1rem;padding:1.5rem}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.dropdown-menu{animation:slideDown .2s ease-out}.nav-links>a.active{background-color:#fff3;font-weight:600}.dropdown-btn:focus,.nav-links>a:focus,.user-btn:focus{outline:2px solid #fff;outline-offset:2px}.dropdown-item:focus,.dropdown-menu a:focus{outline:2px solid #007bff;outline-offset:-2px}.dashboard{margin:0 auto;max-width:1200px;padding:2rem}.dashboard h1{color:#2c3e50;font-size:2.5rem;margin-bottom:2rem}.loading-spinner{color:#7f8c8d;padding:3rem;text-align:center}.dashboard-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.card{border-left:4px solid #3498db;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.sales-card{border-left-color:#27ae60}.products-card{border-left-color:#3498db}.customers-card{border-left-color:#9b59b6}.stock-card{border-left-color:#f39c12}.stock-card.warning{background:linear-gradient(135deg,#fff,#ffebee);border-left-color:#e74c3c}.card h3{color:#7f8c8d;font-size:.9rem;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.card-value{color:#2c3e50;font-size:2.2rem;font-weight:700;margin:0 0 .5rem}.card small{color:#95a5a6;font-size:.8rem}.dashboard-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.low-stock,.recent-sales{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.low-stock h3,.recent-sales h3{border-bottom:2px solid #3498db;color:#2c3e50;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.sales-list,.stock-list{max-height:300px;overflow-y:auto}.sale-item,.stock-item{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem;transition:background .2s}.sale-item:hover,.stock-item:hover{background:#e9ecef}.product-info,.sale-info{display:flex;flex-direction:column}.product-name,.sale-id{color:#2c3e50;font-weight:700}.product-category,.sale-date{color:#7f8c8d;font-size:.8rem}.sale-details,.stock-info{align-items:flex-end;display:flex;flex-direction:column}.sale-total{color:#27ae60;font-weight:700}.sale-method{color:#7f8c8d;font-size:.8rem;text-transform:capitalize}.stock-count{border-radius:4px;font-weight:700;padding:.25rem .5rem}.low-stock{background:#fff3cd;color:#856404}.out-of-stock{background:#f8d7da;color:#721c24}.no-data{color:#7f8c8d;padding:2rem}.dashboard-actions{text-align:center}.refresh-btn{background:#3498db;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s}.refresh-btn:hover:not(:disabled){background:#2980b9}.refresh-btn:disabled{background:#bdc3c7}@media (max-width:768px){.dashboard{padding:1rem}.dashboard-cards,.dashboard-content{grid-template-columns:1fr}.card-value{font-size:1.8rem}}.products{padding:20px}.products-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-section{flex:1 1;max-width:500px}.search-container{align-items:center;display:flex;gap:10px}.search-input{border-radius:6px;font-size:14px;min-width:300px;padding:10px 15px}.search-input:focus{box-shadow:0 0 0 2px #007bff40}.search-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.search-btn:hover{background-color:#218838}@media (max-width:768px){.products-header{align-items:stretch;flex-direction:column}.search-section{max-width:none}.search-input{min-width:auto}}.modal-overlay{align-items:flex-start!important;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:5vh 20px 20px!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.modal,.modal-overlay{overflow-y:auto!important}.modal{background:#fff!important;border-radius:12px!important;box-shadow:0 20px 40px #0003!important;margin:0 auto!important;max-height:90vh!important;max-width:650px!important;position:relative!important;width:100%!important}.modal-header{border-bottom:1px solid #e1e5e9;padding:20px 25px}.modal-header h2{color:#333;font-size:1.3rem}.modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.5rem;padding:5px;transition:background-color .2s}.modal-close:hover{background:#f0f0f0}.modal-form{padding:20px}.form-row{margin-bottom:15px}.form-row input{flex:1 1}input,textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:12px;transition:border-color .3s ease;width:100%}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}textarea{min-height:80px;resize:vertical}.form-actions{border-top:1px solid #e1e5e9;margin-top:25px;padding-top:20px}.products-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #eee;padding:12px;text-align:left;vertical-align:middle}td:first-child,th:first-child{padding-left:20px}td:last-child,th:last-child{padding-right:20px}th{background-color:#f8f9fa;font-weight:600}.low-stock{color:#dc3545;font-weight:700}.status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}td button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin-right:8px;padding:6px 12px;transition:all .2s ease}td button:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}td button:first-child{background-color:#28a745;color:#fff}td button:first-child:hover{background-color:#218838}td button:last-child{background-color:#dc3545;color:#fff}td button:last-child:hover{background-color:#c82333}.error-message{color:#dc3545;font-size:12px;margin-top:-10px}.success-message{color:#28a745;font-size:12px;margin-bottom:15px;margin-top:-10px}.price-row{display:flex;gap:10px;margin-bottom:15px}.price-row input{margin-bottom:0}.products-table td,.products-table th{padding:8px 4px;vertical-align:top}.products-table td small{color:#666;font-style:italic}@media (max-width:768px){.modal{margin:10px;width:95%}.modal-header{padding:15px 20px}.modal-form{padding:20px}.form-actions,.price-row{flex-direction:column}.price-row{gap:0}.price-row .form-group{margin-left:0!important}}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.error-text{color:#e53e3e}.alert{border-radius:6px;font-weight:500;margin-bottom:15px;padding:12px 16px}.alert-error{background:#fee;border:1px solid #fed7d7}.alert-success{background:#f0fff4;border:1px solid #9ae6b4;color:#22543d}.form-group select{background:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}button:disabled{cursor:not-allowed;opacity:.6}.loading,.sales{padding:20px}.sales{height:calc(100vh - 80px)}.sales-container{display:flex;gap:20px;height:100%}.products-section{flex:2 1;overflow-y:auto}.cart-section,.products-section{background:#fff;border-radius:8px;padding:20px}.cart-section{display:flex;flex:1 1;flex-direction:column}.search-input{border:1px solid #ddd;margin-bottom:20px;padding:10px}.products-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.product-card{border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s}.product-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff33}.product-card h4{font-size:14px;margin:0 0 8px}.product-sku{color:#666;font-size:12px;margin:4px 0}.product-price{color:#28a745;font-size:16px;font-weight:700;margin:8px 0 4px}.product-stock{color:#666;font-size:12px;margin:4px 0 0}.customer-selection{margin-bottom:20px}.customer-selection select{border:1px solid #ddd;border-radius:4px;padding:10px;width:100%}.cart-items,.cart-table{flex:1 1;margin-bottom:20px;overflow-y:auto}.products-table{font-size:13px}.products-table th{font-size:12px;padding:10px 8px}.products-table td{padding:10px 8px;vertical-align:middle}.product-info strong{display:block;font-size:14px;margin-bottom:4px}.quantity-controls{gap:4px;justify-content:center}.quantity-controls button{border-radius:3px;font-size:14px;height:24px;width:24px}.quantity-controls button:hover{background:#f8f9fa}.quantity-input-table{border-radius:3px;font-size:12px;height:24px;padding:0 4px;width:50px}.partial-total{text-align:right}.remove-btn-table{font-size:16px;height:28px;width:28px}.cart-summary{border-top:2px solid #eee;padding-top:20px}.discount-section,.payment-method{margin-bottom:15px}.discount-section label,.payment-method label{display:block;font-weight:500;margin-bottom:5px}.discount-section input,.payment-method select{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.totals{margin-bottom:20px}.total-line{display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.total-line.total{border-top:2px solid #eee;font-size:18px;font-weight:700;margin-top:12px;padding-top:12px}.process-sale-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px;width:100%}.process-sale-btn:hover:not(:disabled){background-color:#218838}.process-sale-btn:disabled{background-color:#6c757d;cursor:not-allowed}.search-controls{align-items:center;display:flex;gap:10px;margin-bottom:15px}.filter-select{background:#fff;border:1px solid #ddd;border-radius:4px;min-width:150px;padding:8px 12px}.invoice-type{margin-bottom:15px}.invoice-type label{display:block;font-weight:500;margin-bottom:5px}.invoice-type select{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.cash-payment{margin-bottom:15px}.cash-payment label{display:block;font-weight:500;margin-bottom:5px}.cash-payment input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.change-display{animation:pulse 2s infinite;background:#28a745;border-radius:8px;color:#fff;margin-bottom:15px;padding:15px;text-align:center}.change-display h3{font-size:24px;font-weight:700;margin:0}.modal{align-items:center;background:#00000080;height:100%;justify-content:center;left:0;position:fixed;top:0;z-index:1000}.email-input,.modal-content h3,.quantity-input{margin-bottom:20px}.email-input label,.quantity-input label{display:block;font-weight:500;margin-bottom:8px}.email-input input,.quantity-input input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.modal-actions button{font-size:14px}.modal-actions button:first-child:hover{background:#5a6268}.product-code{color:#666;font-size:12px;margin:2px 0}.cart-table{flex:1 1;margin-bottom:20px;overflow-y:auto}.products-table{font-size:12px}.products-table th{border-bottom:2px solid #dee2e6;padding:8px 4px;text-align:left}.products-table td{border-bottom:1px solid #dee2e6;padding:8px 4px;vertical-align:top}.product-info strong{color:#333;font-size:13px}.product-info small{color:#666;font-size:11px}.quantity-controls{align-items:center;display:flex;gap:2px}.quantity-controls button{align-items:center;background:#fff;cursor:pointer;display:flex;font-size:12px;justify-content:center;width:20px}.quantity-controls button,.quantity-input-table{border:1px solid #ddd;border-radius:2px;height:20px}.quantity-input-table{font-size:11px;padding:0;text-align:center;width:40px}.quantity-input-small{border:1px solid #ddd;border-radius:3px;font-size:12px;height:25px;margin:0 5px;text-align:center;width:50px}.partial-total{color:#28a745;font-weight:700}.remove-btn-table{align-items:center;background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:25px;justify-content:center;width:25px}.remove-btn-table:hover{background:#c82333}.empty-cart{color:#666;padding:40px 20px;text-align:center}.empty-cart p{font-style:italic;margin:0}@media (max-width:768px){.admin-page{padding:.5rem}.details-header{grid-template-columns:1fr}.modal-content.large,.modal-profiles{margin:1%;width:98%}.modal-profiles{max-height:98vh}.form-section{margin-bottom:1rem;padding:1rem}.permission-card{padding:.75rem}.permission-info{gap:.5rem}.permission-icon{font-size:1.25rem;width:1.5rem}.hide-mobile{display:none!important}.mobile-only{display:block}.profiles-table{min-width:400px}.level-badge span,.permissions-summary{display:none}.permissions-grid,.profiles-grid,.users-grid{grid-template-columns:1fr}.modal-xlarge{max-height:95vh;width:95vw}.tabs-nav{flex-direction:column}.tabs-nav button{padding:.75rem}}.audit-logs-container{margin:0 auto;max-width:1400px;padding:20px}.audit-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.audit-header h1{color:#333;font-size:1.8rem;margin:0}.header-actions{display:flex;gap:10px}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-card{background:linear-gradient(135deg,#6c5ce7,#5a4fcf);border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:20px}.stat-number{color:#fff;font-size:2rem}.stat-label,.stat-number{text-shadow:1px 1px 2px #0000004d}.stat-label{color:#fff!important;font-weight:600}.filters-container{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:10px;margin-bottom:20px;padding:20px}.filters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.filter-group label{font-weight:600;margin-bottom:5px}.filter-group input,.filter-group select{border:2px solid #e1e5e9;border-radius:6px;font-size:.9rem;padding:8px 12px;transition:border-color .3s}.filter-group input:focus,.filter-group select:focus{border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a;outline:none}.filter-actions{display:flex;gap:10px;justify-content:flex-end}.alert{animation:slideIn .3s ease-out;border-left:4px solid;border-radius:8px;box-shadow:0 2px 8px #0000001a;font-size:1rem;font-weight:600;margin-bottom:20px;padding:15px 20px}.alert-error{background:linear-gradient(135deg,#fff5f5,#fed7d7);border-left-color:#e53e3e;color:#c53030}.audit-table-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;overflow:hidden}.audit-table{border-collapse:collapse;font-size:.9rem;width:100%}.audit-table th{background:#f8f9fa;border-bottom:2px solid #e1e5e9;color:#333;font-weight:600;padding:15px 12px;text-align:left;white-space:nowrap}.audit-table td{border-bottom:1px solid #e1e5e9;padding:12px;vertical-align:middle}.audit-table tr:hover{background:#f8f9fa}.timestamp{color:#666;font-family:Courier New,monospace;font-size:.8rem;white-space:nowrap}.username{color:#333;font-weight:600}.action-badge{border-radius:12px;color:#fff;display:inline-block;font-weight:600;padding:4px 8px;text-shadow:1px 1px 1px #0000004d}.table-name{background:#f1f3f4;border-radius:4px;font-size:.8rem;padding:4px 8px}.record-id,.table-name{font-family:Courier New,monospace}.record-id{color:#666}.description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-address{color:#666;font-family:Courier New,monospace;font-size:.8rem}.btn-details{background:#6c5ce7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:background-color .2s}.btn-details:hover{background:#5a4fcf}.active-sessions{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:20px}.active-sessions h3{color:#333;margin:0 0 15px}.sessions-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.session-card{background:#f8f9fa;border-left:4px solid #28a745;padding:15px}.session-user{font-weight:600;margin-bottom:8px}.session-info{color:#666;font-size:.8rem}.btn-primary,.btn-secondary{border-radius:6px;font-size:.9rem;padding:10px 20px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#6c5ce7,#5a4fcf)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6c5ce74d;transform:translateY(-1px)}.btn-secondary{border:1px solid #e1e5e9}.btn-report{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-report:hover:not(:disabled){box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-1px)}.btn-report:disabled{cursor:not-allowed;opacity:.6;transform:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.audit-logs-container{padding:15px}.audit-header{align-items:stretch;flex-direction:column;gap:15px}.filters-grid,.stats-grid{grid-template-columns:1fr}.audit-table-container{overflow-x:auto}.audit-table{min-width:800px}.filter-actions{flex-direction:column}.sessions-grid{grid-template-columns:1fr}}.security-module{margin:0 auto;max-width:1200px;padding:20px}.security-header{text-align:center}.security-tabs{border-bottom:2px solid #eee;display:flex;gap:10px;margin-bottom:30px;padding-bottom:10px}.tab{background:#f8f9fa;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .3s ease}.tab:hover{background:#e9ecef}.tab.active{background:#007bff;color:#fff}.security-content{min-height:400px}.loading{padding:40px}.sessions-container h3{color:#333;margin-bottom:20px}.session-card{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a}.session-header h4{color:#333;margin:0}.session-status.active{border-radius:4px;font-size:12px;padding:4px 8px}.session-details p{font-size:14px;margin:8px 0}.session-actions{margin-top:15px;text-align:right}.permissions-container{max-width:800px}.permissions-section h3{color:#333;margin-bottom:20px}.form-group label{margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.permissions-grid{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin:20px 0;padding:20px}.permissions-grid h4{color:#333;margin:0 0 15px}.permission-item{align-items:flex-start;border-radius:4px;cursor:pointer;gap:10px;margin:5px 0;padding:10px;transition:background-color .2s}.permission-item:hover{background:#e9ecef}.permission-item input[type=checkbox]{margin:0;width:auto}.permission-item span{color:#333;font-weight:500}.permission-item small{color:#666;display:block;font-size:12px;margin-top:2px}.temporal-access-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.temporal-form{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:20px}.temporal-form h3{color:#333;margin:0 0 20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.temporal-list h3{color:#333;margin:0 0 20px}.temporal-grid{display:flex;flex-direction:column;gap:15px}.temporal-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px}.temporal-card h4{color:#007bff;margin:0 0 10px}.temporal-card p{font-size:14px;margin:5px 0}.config-container{max-width:800px}.config-container h3{color:#333;margin-bottom:20px}.config-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.config-item{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:15px}.config-item label{color:#333;display:block;font-weight:500;margin-bottom:8px}.config-item input,.config-item select{border:1px solid #ddd;border-radius:4px;margin-bottom:5px;padding:8px;width:100%}.config-item small{color:#666;font-family:monospace;font-size:12px}.btn-primary{background:#007bff;font-weight:500;padding:12px 24px;transition:background-color .2s}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#6c757d}.btn-danger{background:#dc3545;border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:8px 16px;transition:background-color .2s}.btn-danger:hover{background:#c82333}.no-data{font-style:italic;padding:40px}@media (max-width:768px){.security-tabs{flex-wrap:wrap}.tab{flex:1 1;min-width:120px}.config-grid,.form-row,.sessions-grid,.temporal-access-container{grid-template-columns:1fr}}.security-container{margin:0 auto;max-width:1400px;padding:20px}.security-header{border-bottom:3px solid #e1e5e9;margin-bottom:30px;padding-bottom:20px}.security-header h1{color:#333;font-size:2rem;font-weight:700;margin:0}.security-overview{display:flex;gap:30px}.security-stat{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;display:flex;flex-direction:column;padding:15px 25px}.stat-number{font-size:1.8rem;margin-bottom:5px}.stat-label{font-size:.9rem}.security-tabs{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden}.tab-navigation{background:#f8f9fa;border-bottom:2px solid #e1e5e9;display:flex}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:10px;justify-content:center;padding:18px 20px;transition:all .3s ease}.tab-button:hover{background:#e9ecef;color:#333}.tab-button.active{background:#fff;border-bottom-color:#667eea;box-shadow:0 -2px 10px #0000001a;color:#667eea}.tab-icon{font-size:1.2rem}.tab-label{font-size:1rem}.tab-content{min-height:600px;padding:30px}.sessions-manager{width:100%}.section-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.section-header h2{color:#333;font-size:1.5rem;margin:0}.btn-refresh{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-refresh:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.sessions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.session-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:20px;transition:all .3s ease}.session-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.session-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.session-user{color:#333;font-size:1.1rem;font-weight:700}.session-status.active{background:#d4edda;border-radius:20px;color:#155724;font-size:.85rem;font-weight:600;padding:4px 12px}.session-details{margin-top:15px}.session-info{display:flex;flex-direction:column;gap:8px}.session-info span{color:#666;font-size:.9rem;padding:5px 0}.permissions-manager{width:100%}.permissions-content{margin-top:20px}.permission-category{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:25px}.permission-category h3{color:#333;font-size:1.3rem;margin:0 0 20px}.permission-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.permission-item{align-items:center;border:1px solid #e1e5e9;border-radius:8px;display:flex;justify-content:space-between;padding:15px 20px;transition:all .3s ease}.permission-item.interactive:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.permission-name{color:#333;font-weight:600}.permission-toggle{align-items:center;cursor:pointer;display:flex;gap:10px}.permission-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.permission-status.enabled{color:#28a745;font-weight:600}.permission-status.disabled{color:#dc3545;font-weight:600}.permission-status.restricted{color:#ffc107;font-weight:600}.assignment-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:30px}.assign-to-profile,.assign-to-user{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:12px;padding:20px}.assign-to-profile h3,.assign-to-user h3{color:#333;margin:0 0 15px}.assign-controls{align-items:center;display:flex;gap:10px}.assign-controls select{border:2px solid #e1e5e9;border-radius:6px;flex:1 1;font-size:.9rem;padding:8px 12px}.temp-access-form{display:flex;flex-direction:column;gap:15px;margin:20px 0}.temp-access-form .form-group{display:flex;flex-direction:column;gap:5px}.temp-access-form label{color:#333;font-weight:600}.temp-access-form input{border:2px solid #e1e5e9;border-radius:6px;font-size:.9rem;padding:8px 12px}.security-config{width:100%}.config-sections{grid-gap:30px;display:grid;gap:30px;margin-bottom:30px}.config-section{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:12px;padding:25px}.config-section h3{border-bottom:2px solid #e1e5e9;color:#333;font-size:1.2rem;margin:0 0 20px;padding-bottom:10px}.config-options{display:flex;flex-direction:column;gap:15px}.config-option{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:500;gap:12px}.config-option input[type=checkbox]{cursor:pointer;height:18px;width:18px}.config-input{display:flex;flex-direction:column;gap:8px}.config-input label{color:#333;font-weight:600}.config-input input{border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;max-width:200px;padding:10px 15px;transition:border-color .3s}.config-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.config-actions{border-top:2px solid #e1e5e9;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;border:2px solid #e1e5e9;color:#333}.btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}.loading{padding:60px}@media (max-width:768px){.security-container{padding:15px}.security-header{align-items:stretch;flex-direction:column;gap:20px}.security-overview{justify-content:center}.tab-navigation{flex-direction:column}.tab-content{padding:20px}.permission-grid,.sessions-grid{grid-template-columns:1fr}.config-actions,.section-header{flex-direction:column}.section-header{align-items:stretch;gap:15px}}.modal-content{box-shadow:0 4px 6px #0000001a;max-width:400px}.modal-header{border-bottom:1px solid #eee;padding:20px}.modal-header h3{color:#333;margin:0}.close-btn{align-items:center;color:#999;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-btn:hover{color:#333}.change-password-form{padding:20px}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:15px;padding:10px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .2s}.form-actions button[type=button]{background-color:#6c757d;color:#fff}.form-actions button[type=button]:hover{background-color:#545b62}.form-actions button[type=submit]{background-color:#007bff;color:#fff}.form-actions button[type=submit]:hover{background-color:#0056b3}.form-actions button:disabled{cursor:not-allowed;opacity:.6}.cierre-mensual{margin:0 auto;max-width:1200px;padding:20px}.cierre-container h1{color:#333;margin-bottom:30px;text-align:center}.filters-section{align-items:end;gap:20px;margin-bottom:30px;padding:25px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#333;font-weight:500}.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px;padding:10px}.generate-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.generate-btn:hover:not(:disabled){background:#0056b3}.generate-btn:disabled{background:#28a745;cursor:not-allowed}.report-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.report-section h2{color:#333;margin-bottom:25px;text-align:center}.summary-card{background:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;padding:20px}.summary-card h3{color:#666;font-size:14px;margin:0 0 10px}.summary-card p{color:#333;font-size:24px;font-weight:700;margin:0}.daily-details{margin-bottom:30px}.daily-details h3{color:#333;margin-bottom:15px}.daily-table{border:1px solid #ddd;border-collapse:collapse;width:100%}.daily-table td,.daily-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.daily-table th{font-weight:600}.daily-table th,.daily-table tr:hover{background:#f8f9fa}.report-actions{border-top:1px solid #eee;display:flex;gap:15px;justify-content:center;padding-top:20px}.report-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px}.report-actions button:first-child{background:#28a745;color:#fff}.report-actions button:nth-child(2){background:#dc3545;color:#fff}.report-actions button:last-child{background:#6c757d;color:#fff}.report-actions button:hover{opacity:.9}.modal-overlay{background:#00000080;height:100%;width:100%;z-index:2000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 30px #0000004d;max-width:500px;padding:30px;width:90%}.modal-content h3{color:#333;margin-top:0}.modal-actions{gap:10px;margin-top:20px}.modal-actions button{border:none;border-radius:4px;cursor:pointer;padding:10px 20px}.modal-actions button:first-child{background:#6c757d;color:#fff}.modal-actions .btn-primary{background:#007bff;color:#fff}.payment-methods{margin-bottom:30px}.payment-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.payment-card{background:#f8f9fa;border-left:4px solid #28a745;border-radius:6px;padding:20px;text-align:center}.payment-card h4{color:#333;font-size:14px;margin:0 0 10px}.payment-amount{color:#28a745;font-size:20px;font-weight:700;margin:5px 0}.payment-count{color:#666;font-size:12px;margin:0}.top-products-section{margin-bottom:30px}.products-table{border:1px solid #ddd;border-collapse:collapse;margin-top:15px;width:100%}.products-table td,.products-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.products-table th{background:#f8f9fa;font-weight:600}.products-table tr:hover{background:#f8f9fa}.download-options{gap:15px;margin:20px 0}.download-btn,.download-options{display:flex;flex-direction:column}.download-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:20px;transition:all .3s ease}.download-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.download-btn small{color:#666;font-size:12px;font-weight:400;margin-top:8px;text-align:center}.html-btn{border-color:#28a745;color:#28a745}.html-btn:hover{background:#28a745;border-color:#28a745;color:#fff}.pdf-btn{border-color:#dc3545;color:#dc3545}.pdf-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff}.reports{margin:0 auto;max-width:1200px;padding:20px}.reports-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.reports-header h1{color:#333;font-size:2rem;margin:0}.date-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.date-controls label{color:#555;font-size:.9rem;font-weight:600}.date-controls input[type=date]{border:2px solid #e1e5e9;border-radius:6px;font-size:.9rem;padding:8px 12px;transition:border-color .3s ease}.date-controls input[type=date]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:6px;font-weight:600;padding:10px 20px}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #007bff4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.reports-tabs{border-bottom:2px solid #f1f3f4;display:flex;gap:5px;margin-bottom:30px;overflow-x:auto;padding-bottom:0}.reports-tabs button{background:none;border:none;border-radius:8px 8px 0 0;color:#666;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.reports-tabs button:hover{background-color:#f8f9fa;color:#333}.reports-tabs button.active{background-color:#007bff;border-bottom:3px solid #007bff;color:#fff}.reports-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;min-height:400px;padding:30px}.loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{align-items:center;background:#fee;border:1px solid #fed7d7;border-radius:8px;color:#c53030;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.btn-retry{background:#e53e3e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px}.btn-retry:hover{background:#c53030}.success-message{background:#28a745;border-radius:8px;box-shadow:0 4px 20px #28a7454d;color:#fff;font-weight:600;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateX(100%)}20%{opacity:1;transform:translateX(0)}80%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.report-content{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 25px #667eea4d;color:#fff;padding:25px;text-align:center;transition:transform .3s ease}.summary-card:hover{transform:translateY(-5px)}.summary-card h3{font-size:1rem;font-weight:500;margin:0 0 15px;opacity:.9}.big-number{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.customers-table,.invoices-table,.products-table,.suppliers-table,.users-table{margin-top:20px;overflow-x:auto}.customers-table table,.invoices-table table,.products-table table,.suppliers-table table,.users-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.customers-table td,.customers-table th,.invoices-table td,.invoices-table th,.products-table td,.products-table th,.suppliers-table td,.suppliers-table th,.users-table td,.users-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.customers-table th,.invoices-table th,.products-table th,.suppliers-table th,.users-table th{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.customers-table tbody tr:hover,.invoices-table tbody tr:hover,.products-table tbody tr:hover,.suppliers-table tbody tr:hover,.users-table tbody tr:hover{background-color:#f8f9fa}.customers-table tbody tr:nth-child(2n),.invoices-table tbody tr:nth-child(2n),.products-table tbody tr:nth-child(2n),.suppliers-table tbody tr:nth-child(2n),.users-table tbody tr:nth-child(2n){background-color:#fafbfc}.no-data{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}@media (max-width:768px){.reports{padding:15px}.reports-header{align-items:stretch;flex-direction:column}.reports-header h1{font-size:1.5rem;text-align:center}.date-controls{flex-wrap:wrap;justify-content:center}.reports-tabs{flex-wrap:wrap;gap:8px}.reports-tabs button{flex:1 1;font-size:.8rem;min-width:120px;padding:10px 15px}.reports-content{padding:20px 15px}.report-summary{gap:15px;grid-template-columns:1fr}.summary-card{padding:20px}.big-number{font-size:2rem}.customers-table,.invoices-table,.products-table,.suppliers-table,.users-table{font-size:.9rem}.customers-table td,.customers-table th,.invoices-table td,.invoices-table th,.products-table td,.products-table th,.suppliers-table td,.suppliers-table th,.users-table td,.users-table th{padding:8px 10px}}@media (max-width:480px){.date-controls{align-items:stretch;flex-direction:column}.btn-primary,.date-controls input[type=date]{width:100%}.reports-tabs{flex-direction:column}.reports-tabs button{border-radius:6px;margin-bottom:5px}.reports-tabs button.active{border-bottom:none;border-left:4px solid #007bff}}.admin-page{margin:0 auto;max-width:100%;padding:1rem}.admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.admin-header h1{color:#2c3e50;font-size:1.8rem;margin:0}.admin-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.btn-primary{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background-color:#545b62}.btn-edit{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:background-color .3s}.btn-edit:hover{background-color:#e3f2fd}.btn-delete{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:background-color .3s}.btn-delete:hover{background-color:#ffebee}.btn-view{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:background-color .3s}.btn-view:hover{background-color:#f3e5f5}.btn-close{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:color .3s}.btn-close:hover{color:#dc3545}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #dee2e6;padding:.75rem;text-align:left;white-space:nowrap}.admin-table th{color:#495057;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-table tbody tr:hover,.admin-table th{background-color:#f8f9fa}.actions{align-items:center;display:flex;gap:.5rem}.badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.badge-natural{background-color:#d4edda;color:#155724}.badge-juridica{background-color:#d1ecf1;color:#0c5460}.badge-pending{background-color:#fff3cd;color:#856404}.badge-paid{background-color:#d4edda;color:#155724}.badge-overdue{background-color:#f8d7da;color:#721c24}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;margin:auto;max-height:90vh;max-width:500px;width:100%}.large-modal,.modal-large{max-width:800px}.modal-xlarge{max-width:1200px}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.modal-form{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-actions{background:#fff;border-top:1px solid #dee2e6;bottom:0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem;position:-webkit-sticky;position:sticky}.form-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#495057;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.form-sections{display:flex;flex-direction:column;gap:2rem}.form-section{border:1px solid #dee2e6}.form-section h3{border-bottom:2px solid #007bff;font-size:1.2rem;padding-bottom:.5rem}.form-tabs{margin-bottom:1.5rem}.tab-buttons{border-bottom:1px solid #dee2e6;display:flex}.tab-buttons button{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;transition:all .3s}.tab-buttons button.active{background-color:#f8f9fa;border-bottom-color:#007bff;color:#007bff}.tab-buttons button:hover{background-color:#f8f9fa}.tabs-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.tabs-nav{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.tabs-nav button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:1rem 1.5rem;transition:all .3s;white-space:nowrap}.tabs-nav button.active{background-color:#fff;border-bottom-color:#007bff;color:#007bff}.tabs-nav button:hover{background-color:#e9ecef}.tabs-content{padding:1.5rem}.tab-content{min-height:400px}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.tab-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.invoice-items{border:1px solid #dee2e6;border-radius:8px;padding:1rem}.item-form{grid-gap:.5rem;align-items:end;display:grid;gap:.5rem;grid-template-columns:2fr 1fr 1fr auto;margin-bottom:1rem}.items-list{max-height:300px;overflow-y:auto}.item-row{grid-gap:.5rem;align-items:center;border-bottom:1px solid #dee2e6;display:grid;gap:.5rem;grid-template-columns:2fr 1fr 1fr 1fr auto;padding:.5rem}.item-row:last-child{border-bottom:none}.totals-grid{display:flex;flex-direction:column;gap:.5rem;margin-left:auto;max-width:300px}.total-row{display:flex;justify-content:space-between;padding:.5rem 0}.total-final{border-top:2px solid #007bff;font-size:1.1rem;font-weight:700}.loading{color:#6c757d;font-size:1.1rem;padding:2rem;text-align:center}.form-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.form-row input,.form-row select{flex:1 1;min-width:200px}.form-row input,.form-row select,.modal-form textarea{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.75rem}.modal-form textarea{font-family:inherit;margin-bottom:1rem;min-height:80px;resize:vertical;width:100%}.permissions-section{margin-top:1.5rem}.permissions-section h3{border-bottom:2px solid #007bff;color:#495057;font-size:1.1rem;margin:1.5rem 0 1rem;padding-bottom:.5rem}.checkbox-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.checkbox-grid label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .3s}.checkbox-grid label:hover{background-color:#f8f9fa}.checkbox-grid input[type=checkbox]{margin:0;transform:scale(1.2)}.perm-badge{background-color:#e3f2fd;border-radius:12px;font-size:.75rem;padding:.2rem .5rem}.header-stats{display:flex;gap:1rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;min-width:120px;padding:1rem;text-align:center}.stat-number{font-size:1.5rem;margin-bottom:.25rem}.stat-label{font-size:.8rem;opacity:.9}.filters-section{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.search-container{flex:1 1;min-width:250px}.search-input{border:1px solid #ced4da;border-radius:4px;padding:.75rem;width:100%}.date-filters{align-items:center;display:flex;gap:.5rem}.date-filters input{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:.75rem}.payment-method{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.payment-method.cash{background-color:#d4edda;color:#155724}.payment-method.credit_card,.payment-method.debit_card{background-color:#d1ecf1;color:#0c5460}.payment-method.transfer{background-color:#fff3cd;color:#856404}.amount{color:#28a745;font-weight:700;text-align:right}.modal-content.large{max-width:900px;width:95%}.invoice-details{padding:1.5rem}.details-header{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.detail-section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:1rem}.detail-section h4{color:#495057;font-size:1rem;font-weight:600;margin:0 0 .75rem}.detail-section p{color:#6c757d;font-size:.9rem;margin:.25rem 0}.detail-section strong{color:#495057}.total-amount{color:#28a745;font-size:1.2rem;font-weight:700}.items-section{margin-bottom:2rem}.items-section h4{border-bottom:2px solid #007bff;color:#495057;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.details-table{background:#fff;border:1px solid #dee2e6;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.details-table td,.details-table th{border-bottom:1px solid #dee2e6;padding:.75rem;text-align:left}.details-table th{color:#495057;font-weight:600}.details-table tbody tr:hover,.details-table th{background-color:#f8f9fa}.details-actions{border-top:1px solid #dee2e6;padding-top:1.5rem;text-align:center}.close-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:color .3s}.close-btn:hover{color:#dc3545}.modal-profiles{max-height:95vh;max-width:900px;overflow-y:auto;width:95%}.profiles-form{padding:0}.form-section{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.form-section h3{align-items:center;color:#495057;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 1rem}.permissions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.permission-card{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;padding:1rem;transition:all .3s ease}.permission-card:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.permission-card:has(input:checked){background:#f8fff9;border-color:#28a745}.permission-label{align-items:center;cursor:pointer;display:flex;gap:1rem;margin:0;width:100%}.permission-label input[type=checkbox]{accent-color:#007bff;cursor:pointer;height:20px;margin:0;width:20px}.permission-info{align-items:center;display:flex;gap:.75rem}.permission-icon{font-size:1.5rem;text-align:center;width:2rem}.permission-info strong{color:#495057;font-size:1rem}.permission-info small{color:#6c757d;font-size:.85rem;line-height:1.2}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon input{padding-right:2.5rem}.input-icon{color:#6c757d;font-weight:700;position:absolute;right:1rem}.form-help{color:#6c757d;display:block;font-size:.8rem;margin-top:.25rem}.profiles-table{min-width:600px}.profile-info strong{color:#495057;font-size:1rem}.profile-description{margin-top:.25rem}.profile-description small{color:#6c757d;font-size:.8rem}.level-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.level-basic{background:#d4edda;color:#155724}.level-intermediate{background:#fff3cd;color:#856404}.level-advanced{background:#d1ecf1;color:#0c5460}.level-admin{background:#f8d7da;color:#721c24}.permissions-summary{display:flex;flex-wrap:wrap;gap:.25rem}.perm-badge{background:#e3f2fd;border-radius:8px;color:#1976d2;font-size:.7rem;font-weight:500;padding:.2rem .4rem;white-space:nowrap}.no-permissions{color:#6c757d;font-size:.8rem;font-style:italic}.permissions-mobile{margin-top:.25rem}.mobile-only{display:none}.hide-mobile{display:table-cell}.profiles-grid,.users-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.profile-card,.user-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem;transition:transform .2s,box-shadow .2s}.profile-card:hover,.user-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.profile-header,.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.profile-header h4,.user-header h4{color:#333;font-size:1.1rem;margin:0}.superadmin-badge{background:linear-gradient(45deg,#ff6b6b,#ffd93d);border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .5rem;text-shadow:0 1px 2px #0000004d}.profile-stats,.user-info,.user-stats{margin:.5rem 0}.profile-stats p,.user-info p,.user-stats p{color:#666;font-size:.9rem;margin:.25rem 0}.profile-actions,.user-actions{margin-top:1rem}.permissions-assignment{max-height:70vh;overflow-y:auto}.permissions-by-module{display:flex;flex-direction:column;gap:1.5rem}.module-section{background:#f8f9fa;border-radius:8px;padding:1rem}.module-section h4{border-bottom:2px solid #007bff;color:#333;margin:0 0 1rem;padding-bottom:.5rem}.permission-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem}.permission-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:.5rem;margin:0}.permission-checkbox input[type=checkbox]{margin:.2rem 0 0}.permission-info{flex:1 1}.permission-info strong{color:#333;display:block;font-size:.9rem;margin-bottom:.25rem}.permission-info small{color:#666;font-size:.8rem;line-height:1.3}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.content-header h3{color:#333;margin:0}.module-badge{background:#e3f2fd;color:#1976d2}.action-badge,.module-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.action-badge{background:#f3e5f5;color:#7b1fa2}.btn-sm{font-size:.8rem;padding:.5rem 1rem}.steps-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1rem 0}.step-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;transition:all .3s ease}.step-card.active{border-color:#007bff;box-shadow:0 0 10px #007bff4d}.step-card.completed{background:#f8fff9;border-color:#28a745}.step-card.failed{background:#fff8f8;border-color:#dc3545}.step-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.step-header h4{color:#333;margin:0}.step-result{background:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;margin-top:.5rem;padding:.75rem}.validation-controls{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1rem 0}.status-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem;text-align:center}.status-card h4{color:#333;margin:0 0 .5rem}.status-card p{font-size:1.1rem;margin:.5rem 0}.status-card small{color:#666;font-size:.8rem}.test-results{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:1.5rem;padding:1.5rem}.results-list{display:flex;flex-direction:column;gap:1rem}.result-item{border-left:4px solid #ccc;border-radius:8px;padding:1rem}.result-item.success{background:#f8fff9;border-left-color:#28a745}.result-item.error{background:#fff8f8;border-left-color:#dc3545}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.result-header h4{color:#333;margin:0}.test-actions{background:#f8f9fa;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.test-actions h4{color:#333;margin:0 0 1rem}.system-tests{padding:1rem}.tests-results{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.test-result{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1rem}.test-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.test-header h4{color:#333;margin:0}@media (max-width:768px){.status-grid,.steps-grid{grid-template-columns:1fr}.result-header,.step-header{align-items:flex-start;flex-direction:column;gap:.5rem}.admin-page{padding:.5rem}.details-header{grid-template-columns:1fr}.modal-content.large,.modal-profiles{margin:1%;width:98%}.modal-profiles{max-height:98vh}.form-section{margin-bottom:1rem;padding:1rem}.permission-card{padding:.75rem}.permission-info{gap:.5rem}.permission-icon{font-size:1.25rem;width:1.5rem}.hide-mobile{display:none!important}.mobile-only{display:block}.profiles-table{min-width:400px}.level-badge span,.permissions-summary{display:none}.permissions-grid,.profiles-grid,.users-grid{grid-template-columns:1fr}.modal-xlarge{max-height:95vh;width:95vw}.tabs-nav{flex-direction:column}.tabs-nav button{padding:.75rem}}@media (max-width:480px){.modal-profiles{border-radius:0;height:100vh;margin:0;max-height:100vh;width:100%}.form-section{margin-bottom:.75rem;padding:.75rem}.form-section h3{font-size:1rem}.permission-label{gap:.75rem}.permission-info{align-items:flex-start;flex-direction:column;gap:.25rem}.permission-icon{display:none}.modal-actions{flex-direction:column;gap:.5rem}.modal-actions button{width:100%}.admin-header{align-items:stretch;flex-direction:column;text-align:center}.admin-header h1{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.modal{border-radius:0;margin:0;max-height:100vh}.modal-large,.modal-xlarge{max-width:100%}.tabs-nav{flex-direction:column}.tabs-nav button{border-bottom:none;border-right:3px solid #0000;text-align:left}.tabs-nav button.active{border-bottom-color:#0000;border-right-color:#007bff}.item-form,.item-row{grid-template-columns:1fr}.item-row{text-align:left}.actions{justify-content:center}.admin-table{font-size:.9rem}.admin-table td,.admin-table th{padding:.5rem}.modal-form,.modal-header{padding:1rem}.modal-actions{flex-direction:column;padding:1rem}.form-section,.tabs-content{padding:1rem}}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group-full{grid-column:1/-1}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:6px}.form-group input,.form-group textarea{border:2px solid #e1e5e9;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:10px 12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.error-text{color:#dc3545;display:block;font-size:.8rem;margin-top:4px}.form-group textarea{min-height:80px;resize:vertical}.search-input{border:2px solid #e1e5e9;border-radius:8px;flex:1 1;font-size:1rem;max-width:400px;padding:12px 16px;transition:border-color .3s}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.admin-header{align-items:stretch;flex-direction:column;gap:15px}.header-actions{flex-direction:column;gap:10px}.search-input{max-width:none}}.security-status{background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 20px #0000001a;min-width:200px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:1000}.security-status.warning{border-color:#ffa502;box-shadow:0 4px 20px #ffa50233}.security-status.critical{animation:pulse 2s infinite;border-color:#ff4757;box-shadow:0 4px 20px #ff47574d}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.security-header{align-items:center;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s}.security-header:hover{background-color:#f8f9fa}.security-indicator{align-items:center;display:flex;gap:8px}.security-icon{font-size:1.2rem}.session-time{color:#333;font-size:.9rem;font-weight:600}.security-status.warning .session-time{color:#e67e22}.security-status.critical .session-time{color:#e74c3c}.toggle-details{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:.8rem;padding:4px;transition:background-color .2s}.toggle-details:hover{background-color:#0000001a}.security-details{animation:slideDown .3s ease;border-top:1px solid #e1e5e9;padding:16px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.security-info h4{color:#333;font-size:1rem;margin:0 0 12px}.info-grid{grid-gap:8px;display:grid;gap:8px;margin-bottom:16px}.info-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.info-label{color:#666;font-weight:500}.info-value{color:#333;font-weight:600}.admin-stats{border-top:1px solid #e1e5e9;margin-top:16px;padding-top:16px}.admin-stats h5{color:#333;font-size:.9rem;margin:0 0 12px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stat-item{background:#f8f9fa;border-radius:6px;padding:8px;text-align:center}.stat-number{color:#667eea;display:block;font-size:1.2rem;font-weight:700}.stat-label{color:#666;display:block;font-size:.7rem;margin-top:2px}.security-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 12px;transition:all .2s}.refresh-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.refresh-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.logout-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 12px;transition:all .2s}.logout-btn:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.critical-warning{animation:blink 1s infinite;background:#fee;border:1px solid #fed7d7;border-radius:6px;color:#c53030;font-size:.8rem;padding:8px 12px;text-align:center}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.7}}@media (max-width:768px){.security-status{left:10px;min-width:auto;right:10px;top:10px}.stats-grid{grid-template-columns:1fr}.security-header{padding:10px 12px}.security-details{padding:12px}}@media (prefers-color-scheme:dark){.security-status{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.security-header:hover{background-color:#4a5568}.session-time{color:#e2e8f0}.info-label{color:#a0aec0}.info-value{color:#e2e8f0}.stat-item{background:#4a5568}.admin-stats,.security-details{border-top-color:#4a5568}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.loading-container{align-items:center;background-color:#f8f9fa;display:flex;height:100vh;justify-content:center}.loading-spinner{color:#6c757d;font-size:1.2rem;padding:2rem}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.text-center{text-align:center}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem}.card-header{border-bottom:1px solid #dee2e6;margin-bottom:1rem;padding-bottom:1rem}.card-title{color:#495057;margin:0}.form-group{margin-bottom:1rem}.form-label{color:#495057;display:block;font-weight:500;margin-bottom:.5rem}.form-control{border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.table{background:#fff;border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #dee2e6;padding:.75rem;text-align:left}.table th{color:#495057;font-weight:600}.table tbody tr:hover,.table th{background-color:#f8f9fa}.alert{border-radius:4px;margin-bottom:1rem;padding:.75rem 1rem}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.row{display:flex;flex-wrap:wrap;margin:0 -.5rem}.col{flex:1 1}.col,.col-2{padding:0 .5rem}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-3,.col-4{padding:0 .5rem}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-6{flex:0 0 50%;max-width:50%}.col-6,.col-8{padding:0 .5rem}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-12{flex:0 0 100%;max-width:100%;padding:0 .5rem}@media (max-width:768px){.main-content{padding:1rem}.row{flex-direction:column}.col,.col-12,.col-2,.col-3,.col-4,.col-6,.col-8{flex:0 0 100%;max-width:100%}}
/*# sourceMappingURL=main.cb3a3657.css.map*/