body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout{background-color:#f5f5f5;min-height:100vh}.layout-header{background:linear-gradient(135deg,#fc6076,#ff9a44);box-shadow:0 2px 4px #0000001a;color:#fff;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left,.layout-header{align-items:center;display:flex}.header-left{gap:15px}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px;padding:5px 10px}.layout-header h1{font-size:24px;margin:0}.user-info{align-items:center;display:flex;gap:20px}.btn-logout{background-color:#fff3;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .3s}.btn-logout:hover{background-color:#ffffff4d}.layout-nav{background:#fff;box-shadow:0 2px 4px #0000000d;padding:0 40px;position:-webkit-sticky;position:sticky;top:64px;z-index:99}.nav-content{display:flex;gap:10px}.nav-overlay{display:none}.nav-link{border-bottom:3px solid #0000;color:#666;font-weight:500;padding:15px 20px;text-decoration:none;transition:all .3s}.nav-link:hover{background-color:#f8f9fa;color:#fc6076}.nav-link.active{border-bottom-color:#fc6076;color:#fc6076}.layout-main{min-height:calc(100vh - 140px)}@media (max-width:768px){.layout-header{padding:15px 20px}.menu-toggle{display:block}.layout-header h1{font-size:18px}.user-info{gap:10px}.user-name{display:none}.btn-logout{font-size:12px;padding:6px 12px}.layout-nav{height:100vh;left:-100%;max-width:300px;padding:0;position:fixed;top:0;transition:left .3s ease;width:80%;z-index:1000}.layout-nav.mobile-open{left:0}.nav-overlay{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.layout-nav.mobile-open .nav-overlay{display:block}.nav-content{background:#fff;flex-direction:column;gap:0;height:100%;padding-top:60px;position:relative;z-index:1001}.nav-link{border-left:3px solid #0000;padding:20px 30px}.nav-link,.nav-link.active{border-bottom:1px solid #eee}.nav-link.active{background-color:#fff5f7;border-left-color:#fc6076}.layout-main{padding:15px}}.login-container{align-items:center;background:linear-gradient(135deg,#fc6076,#ff9a44);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px;width:100%}.login-box h1{color:#333;font-size:24px;margin-bottom:10px;text-align:center}.login-box h2{color:#666;font-size:18px;font-weight:400;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#fc6076;outline:none}.btn-login{background:linear-gradient(135deg,#fc6076,#ff9a44);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s;width:100%}.btn-login:hover:not(:disabled){transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#fee;border-radius:5px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.login-info{border-top:1px solid #eee;margin-top:20px;padding-top:20px;text-align:center}.login-info p{color:#666;font-size:13px;margin:5px 0}@media (max-width:768px){.login-container{padding:15px}.login-box{max-width:100%;padding:30px 25px}.login-box h1{font-size:22px}.login-box h2{font-size:16px;margin-bottom:25px}.form-group input{font-size:16px;padding:14px}.btn-login{font-size:17px;padding:14px}.login-info p{font-size:12px}}.inventory-list-container{margin:0 auto;max-width:1400px;padding:0 40px 40px}.inventory-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.inventory-table thead{background:linear-gradient(135deg,#fc6076,#ff9a44);color:#fff}.inventory-table th{font-size:14px;font-weight:600;padding:15px;text-align:left}.inventory-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:15px}.inventory-table tbody tr:hover{background-color:#f8f9fa}.inventory-table tbody tr.low-stock{background-color:#fff5f5}.inventory-table td.number{font-family:Courier New,monospace;text-align:right}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.normal{background-color:#d4edda;color:#155724}.status-badge.low{background-color:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:8px}.btn-action{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:opacity .2s}.btn-action:hover{opacity:.8}.btn-transaction{background-color:#17a2b8;color:#fff}.btn-edit{background-color:#ffc107;color:#333}.btn-delete{background-color:#dc3545;color:#fff}.no-items{background:#fff;border-radius:10px;color:#666;font-size:16px;margin:0 40px;padding:50px;text-align:center}.inventory-cards{display:none}@media (max-width:768px){.inventory-list-container{padding:0 15px 20px}.inventory-table{display:none}.inventory-cards{display:flex;flex-direction:column;gap:15px}.inventory-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px}.inventory-card.low-stock{background-color:#fff5f5;border-left:4px solid #ff6b6b}.inventory-card-header{align-items:start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.inventory-card-title{flex:1 1}.inventory-card-title h3{color:#333;font-size:16px;margin:0 0 5px}.inventory-card-title .code{color:#999;font-family:Courier New,monospace;font-size:12px}.inventory-card-body{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:15px}.inventory-card-field{display:flex;flex-direction:column}.inventory-card-field.full-width{grid-column:1/-1}.inventory-card-field label{color:#999;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.inventory-card-field .value{color:#333;font-size:14px;font-weight:500}.inventory-card-field .value.number{font-family:Courier New,monospace}.inventory-card-actions{grid-gap:8px;border-top:1px solid #f0f0f0;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:15px;padding-top:15px}.inventory-card-actions .btn-action{font-size:13px;padding:10px;width:100%}.no-items{font-size:14px;margin:0 15px;padding:40px 20px}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.modal-content h2{color:#333;font-size:22px;margin:0 0 25px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.form-group label{color:#333;font-size:14px;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#fc6076;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-actions{border-top:1px solid #eee;justify-content:flex-end;margin-top:25px;padding-top:20px}.btn-cancel,.btn-submit{border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;transition:opacity .2s}.btn-cancel{background-color:#6c757d;color:#fff}.btn-submit{background:linear-gradient(135deg,#fc6076,#ff9a44);color:#fff}.btn-cancel:hover:not(:disabled),.btn-submit:hover:not(:disabled){opacity:.8}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh;max-width:100%;padding:20px;width:100%}.modal-content h2{font-size:18px;margin-bottom:20px}.form-row{gap:0;grid-template-columns:1fr}.form-group{margin-bottom:15px}.form-group label{font-size:13px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}.form-actions{flex-direction:column;gap:10px;margin-top:20px;padding-top:15px}.btn-cancel,.btn-submit{font-size:16px;padding:12px;width:100%}}.transaction-modal{max-width:500px}.item-info{background-color:#f8f9fa;border-radius:5px;margin-bottom:20px;padding:15px}.item-info p{color:#333;font-size:14px;margin:8px 0}.radio-group{display:flex;gap:20px}.radio-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.radio-label input[type=radio]{cursor:pointer;width:auto}.preview-result{background-color:#e7f3ff;border-radius:5px;color:#0056b3;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}@media (max-width:768px){.transaction-modal{max-width:100%}.item-info{padding:12px}.item-info p{font-size:13px;margin:6px 0}.radio-group{flex-direction:column;gap:12px}.radio-label{background-color:#f8f9fa;border:2px solid #ddd;border-radius:5px;padding:12px}.radio-label input[type=radio]{transform:scale(1.2)}.preview-result{font-size:15px;font-weight:500;padding:15px}}.dashboard{padding:0}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1400px;padding:30px 40px}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:25px;text-align:center}.stat-card.warning{border-left:4px solid #ff6b6b}.stat-card h3{color:#666;font-size:16px;font-weight:500;margin:0 0 15px}.stat-value{font-size:32px;margin:0}.dashboard-controls{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 40px 20px}.search-filter{display:flex;flex:1 1;flex-wrap:wrap;gap:15px;max-width:900px}.category-select,.department-select,.location-select,.search-input{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px 15px}.search-input{flex:1 1;min-width:200px}.category-select,.department-select,.location-select{min-width:150px}.btn-add{background:linear-gradient(135deg,#fc6076,#ff9a44);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;transition:transform .2s}.btn-add:hover{transform:translateY(-2px)}.loading{font-size:18px}@media (max-width:768px){.stats-container{gap:15px;grid-template-columns:1fr;padding:20px 15px}.stat-card{padding:20px}.stat-card h3{font-size:14px}.stat-value{font-size:24px}.dashboard-controls{align-items:stretch;flex-direction:column;gap:15px;padding:0 15px 20px}.search-filter{flex-direction:column;gap:10px;max-width:100%}.category-select,.department-select,.location-select,.search-input{min-width:0;width:100%}.btn-add{font-size:16px;padding:12px;width:100%}}.user-form-modal{max-width:500px}.user-form-modal .form-group select{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;cursor:pointer;font-size:14px;padding:10px;width:100%}.user-form-modal .form-group select:focus{border-color:#fc6076;outline:none}.user-form-modal .form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}@media (max-width:768px){.user-form-modal{max-width:100%}.user-form-modal .form-group select{font-size:16px;padding:12px}}.users-page{margin:0 auto;max-width:1400px;padding:30px 40px}@media (max-width:768px){.users-page{padding:20px 15px}.users-header{align-items:flex-start;flex-direction:column;gap:15px}.users-header h2{font-size:20px}.users-header .btn-add{font-size:16px;padding:12px;width:100%}.users-filters{flex-direction:column;gap:10px}.filter-select{font-size:16px;min-width:0;padding:12px;width:100%}.users-table-container{overflow-x:auto}.users-table{font-size:12px;min-width:650px}.users-table td,.users-table th{font-size:12px;padding:10px 8px}.role-badge{font-size:11px;padding:3px 8px}.action-buttons{flex-direction:column;gap:5px}.action-buttons .btn-action{font-size:11px;padding:6px 10px;width:100%}.loading,.no-permission{font-size:14px;padding:40px 20px}}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.users-header h2{color:#333;font-size:24px;margin:0}.users-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.filter-select{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;min-width:150px;padding:10px 15px}.filter-select:focus{border-color:#fc6076;outline:none}.users-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:linear-gradient(135deg,#fc6076,#ff9a44);color:#fff}.users-table th{font-size:14px;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:15px}.users-table tbody tr:hover{background-color:#f8f9fa}.role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.role-badge.admin{background-color:#e3f2fd;color:#1976d2}.role-badge.department_manager{background-color:#fff3cd;color:#856404}.role-badge.user{background-color:#f3e5f5;color:#7b1fa2}.no-permission{background:#fff;border-radius:10px;color:#666;font-size:16px;padding:50px;text-align:center}.logs-page{margin:0 auto;max-width:1400px;padding:30px 40px}@media (max-width:768px){.logs-page{padding:20px 15px}.logs-header h2{font-size:20px}.stats-summary{flex-direction:column;gap:15px;padding:15px}.stat-item{align-items:center;flex-direction:row;justify-content:space-between}.stat-value{font-size:20px}.logs-filters{gap:10px}.filter-row{flex-direction:column}.logs-filters select{min-width:0;width:100%}.date-filter-group,.date-filters{align-items:stretch;flex-direction:column}.date-filter-group{gap:8px}.date-filter-group input[type=date]{width:100%}.logs-table-container{overflow-x:auto}.logs-table{font-size:12px;min-width:800px}.logs-table td,.logs-table th{font-size:12px;padding:10px 8px}.action-badge,.target-badge{font-size:11px;padding:3px 8px}.pagination{flex-direction:column;gap:15px}.pagination-numbers{flex-wrap:wrap;justify-content:center}.pagination-btn,.pagination-number{font-size:13px;padding:10px 14px}.loading,.no-logs{font-size:14px;padding:40px 20px}}.logs-header{margin-bottom:20px}.logs-header h2{color:#333;font-size:24px;margin:0}.stats-summary{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;margin-bottom:20px;padding:20px}.stat-item{display:flex;flex-direction:column;gap:5px}.stat-label{color:#666;font-size:14px}.stat-value{color:#333;font-size:24px;font-weight:700}.logs-filters{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.filter-row{display:flex;flex-wrap:wrap;gap:15px}.logs-filters select{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;min-width:150px;padding:10px 15px}.logs-filters select:focus{border-color:#fc6076;outline:none}.date-filters{align-items:center}.date-filter-group{align-items:center;display:flex;gap:8px}.date-filter-group label{color:#666;font-size:14px;font-weight:500}.date-filter-group input[type=date]{background-color:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 15px}.date-filter-group input[type=date]:focus{border-color:#fc6076;outline:none}.logs-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background:linear-gradient(135deg,#fc6076,#ff9a44);color:#fff}.logs-table th{font-size:14px;font-weight:600;padding:15px;text-align:left}.logs-table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:15px}.logs-table tbody tr:hover{background-color:#f8f9fa}.action-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.action-badge.success{background-color:#d4edda;color:#155724}.action-badge.warning{background-color:#fff3cd;color:#856404}.action-badge.danger{background-color:#f8d7da;color:#721c24}.action-badge.info{background-color:#d1ecf1;color:#0c5460}.target-badge{background-color:#e7f3ff;border-radius:12px;color:#0056b3;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.details-cell{word-wrap:break-word;line-height:1.5;max-width:600px;white-space:normal}.loading,.no-logs{background:#fff;border-radius:10px;color:#666;font-size:16px;padding:50px;text-align:center}.logs-info{color:#666;display:flex;font-size:14px;justify-content:flex-end;padding:10px 0}.pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:30px;padding:20px 0}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#fc6076,#ff9a44);border-color:#0000;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers{align-items:center;display:flex;gap:5px}.pagination-number{background:#fff;border:1px solid #ddd;border-radius:5px;color:#333;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .2s}.pagination-number:hover{background:#f8f9fa;border-color:#fc6076}.pagination-number.active{background:linear-gradient(135deg,#fc6076,#ff9a44);border-color:#0000;color:#fff;font-weight:600}.pagination-ellipsis{color:#999;font-size:14px;padding:8px 4px}.settings-container{padding:20px}.settings-container h2{margin-bottom:20px}.tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:10px;margin-bottom:30px}.tabs button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s}.tabs button:hover{background-color:#f5f5f5;color:#333}.tabs button.active{border-bottom-color:#2196f3;color:#2196f3;font-weight:600}.tab-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 2fr}.form-section{background:#f9f9f9;border-radius:8px;padding:20px}.form-section h3{color:#333;margin-bottom:20px;margin-top:0}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.form-group textarea{resize:vertical}.form-actions{display:flex;gap:10px;margin-top:20px}.list-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.list-section h3{color:#333;margin-bottom:20px;margin-top:0}.list-section table{border-collapse:collapse;width:100%}.list-section table thead{background-color:#f5f5f5}.list-section table th{border-bottom:2px solid #e0e0e0;color:#555;font-weight:600;padding:12px;text-align:left}.list-section table td{border-bottom:1px solid #e0e0e0;padding:12px}.list-section table tbody tr:hover{background-color:#f9f9f9}.btn-primary{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-primary:hover{background-color:#1976d2}.btn-secondary{background-color:#757575;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.btn-secondary:hover{background-color:#616161}.btn-sm{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;margin-right:5px;padding:6px 12px}.btn-sm:hover{background-color:#45a049}.btn-sm.btn-danger{background-color:#f44336}.btn-sm.btn-danger:hover{background-color:#da190b}@media (max-width:768px){.settings-container{padding:15px}.settings-container h2{font-size:20px;margin-bottom:15px}.tabs{-webkit-overflow-scrolling:touch;margin-bottom:20px;overflow-x:auto;white-space:nowrap}.tabs button{font-size:14px;padding:10px 16px}.tab-content{gap:20px;grid-template-columns:1fr}.form-section,.list-section{padding:15px}.form-section h3,.list-section h3{font-size:16px;margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{font-size:16px;padding:12px;width:100%}.list-section table{font-size:12px}.list-section table td,.list-section table th{padding:8px}.btn-sm{font-size:12px;padding:6px 10px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-screen{align-items:center;color:#666;display:flex;font-size:20px;justify-content:center;min-height:100vh}@media (max-width:768px){body{font-size:14px}body,html{overflow-x:hidden;width:100%}}
/*# sourceMappingURL=main.0fa37b11.css.map*/