body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container,.login-container *{box-sizing:border-box}.login-container{align-items:center;background:linear-gradient(135deg,var(--background-color) 0,#e8eff6 100%);display:flex;font-family:Poppins,Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:1.5rem;position:relative}.login-container:before{background:radial-gradient(circle,#4a90d91f 0,#0000 70%);height:70%;right:-10%;top:-20%;width:50%}.login-container:after,.login-container:before{content:"";pointer-events:none;position:absolute}.login-container:after{background:radial-gradient(circle,#0891b21a 0,#0000 70%);bottom:-30%;height:80%;left:-10%;width:55%}.login-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--card-background);border:1px solid var(--border-light);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);margin:1rem;max-width:1000px;min-height:600px;width:100%;z-index:1}.login-branding,.login-wrapper{display:flex;overflow:hidden;position:relative}.login-branding{background:linear-gradient(135deg,var(--primary-color) 0,#2c5a8c 100%);flex:1 1;flex-direction:column;justify-content:center;padding:3rem}.login-branding:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:100%;right:-50%;top:-50%;width:100%}.login-branding:after,.login-branding:before{content:"";pointer-events:none;position:absolute}.login-branding:after{background:radial-gradient(circle,#0891b233 0,#0000 70%);bottom:-30%;height:80%;left:-30%;width:80%}.branding-content{position:relative;z-index:1}.brand-logo{align-items:center;display:flex;justify-content:flex-start;margin-bottom:1.25rem}.brand-logo,.brand-title{color:var(--text-inverse)}.brand-title{font-size:2.25rem;font-weight:700;letter-spacing:.5px;margin:0 0 .5rem}.brand-subtitle{color:#ffffffb3;font-size:1rem;margin:0 0 2.5rem}.brand-features{display:flex;flex-direction:column;gap:1rem}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--border-radius);color:#ffffffd9;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:var(--transition)}.feature-item:hover{background:#ffffff26;transform:translateX(5px)}.feature-icon{flex-shrink:0;height:20px;width:20px}.feature-icon,.login-form-section{align-items:center;display:flex;justify-content:center}.login-form-section{flex:1 1;padding:3rem}.login-card,.login-form-section{background:var(--card-background)}.login-card{border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:420px;padding:2rem;width:min(100%,420px)}.login-header{margin-bottom:2rem;text-align:center}.login-header h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.login-header p{color:var(--text-muted);font-size:.875rem;margin:0}.form-group{margin-bottom:1.25rem;width:100%}.form-group label{display:block;margin-bottom:.5rem}.input-wrapper{position:relative;width:100%}.input-icon,.input-wrapper{align-items:center;display:flex}.input-icon{font-size:1.1rem;height:1.5rem;justify-content:center;left:.75rem;pointer-events:none;position:absolute;width:1.5rem;z-index:1}.input-wrapper input{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem;min-height:46px;padding:.875rem 1rem;transition:var(--transition);width:100%}.password-container{width:100%}.password-container .input-icon{align-items:center;display:flex;font-size:1.1rem;height:1.5rem;justify-content:center;left:.75rem;pointer-events:none;position:absolute;width:1.5rem;z-index:1}.password-container input{background-color:var(--background-color);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.9rem;min-height:46px;padding:.875rem 3rem .875rem 1rem;transition:var(--transition);width:100%}.input-wrapper input.input-error,.password-container input.input-error{background-color:#fef2f2;border-color:var(--danger-color)}.input-wrapper input:focus,.password-container input:focus{background-color:var(--card-background);border-color:var(--primary-color);box-shadow:0 0 0 4px #1e3a5f1a;outline:none}.input-wrapper input::placeholder,.password-container input::placeholder{color:var(--text-light)}.password-container{align-items:center;display:flex;position:relative}.password-container input{padding-right:3rem}.toggle-password{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;transition:var(--transition)}.toggle-password:hover{background:var(--background-dark);opacity:1}.login-error-message-container{margin-bottom:.5rem;min-height:2rem}.login-error-message{align-items:center;background:var(--danger-light);border:1px solid var(--danger-color);border-radius:var(--border-radius);color:var(--danger-color);display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.error-icon{font-size:.9rem}.login-button{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border:none;border-radius:var(--border-radius);color:var(--text-inverse);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:var(--transition);width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #1e3a5f4d;transform:translateY(-2px)}.login-button:focus-visible{outline:3px solid #4a90d966;outline-offset:2px}.login-button:disabled{cursor:not-allowed;opacity:.7}.button-arrow{font-size:1.125rem;transition:transform .2s}.login-button:hover .button-arrow{transform:translateX(4px)}.loader{border:3px solid #ffffff4d;border-top:3px solid var(--text-inverse)}.login-footer{margin-top:2rem;text-align:center}.security-notice{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:.25rem;justify-content:center}@media (max-width:768px){.login-wrapper{border-radius:0;flex-direction:column;margin:0;max-width:100%;min-height:100vh}.login-branding{min-height:auto;padding:2rem}.brand-logo{font-size:2.5rem}.brand-title{font-size:1.5rem}.brand-subtitle{font-size:.875rem;margin-bottom:1.5rem}.brand-features{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.feature-item{font-size:.75rem;justify-content:center;padding:.5rem}.feature-icon{font-size:1rem}.login-form-section{padding:2rem 1.5rem}.login-header h2{font-size:1.5rem}.login-card{border:none;box-shadow:none;max-width:460px;padding:1.5rem;width:100%}}@media (max-width:480px){.login-branding{padding:1.5rem}.brand-features{grid-template-columns:1fr}.login-form-section{padding:1.25rem .875rem}.login-card{max-width:100%;padding:1.25rem 1rem;width:100%}.input-wrapper input{font-size:.875rem;padding:.75rem}.password-container input{font-size:.875rem;padding:.75rem 2.75rem .75rem .75rem}.login-button{font-size:.9rem;padding:.875rem}}.dashboard-wrapper{background-color:var(--background-color);min-height:100vh}.dashboard-container{margin:0 auto;max-width:95%;padding:1.5rem}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.header-left{display:flex;flex-direction:column;gap:.25rem}.dashboard-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.dashboard-subtitle{color:var(--text-muted);font-size:.875rem;margin:0}.header-right{align-items:center;display:flex}.last-updated{background:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:var(--text-muted);font-size:.75rem;padding:.5rem 1rem}.welcome-card{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);justify-content:space-between;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.welcome-card,.welcome-content{align-items:center;display:flex}.welcome-content{gap:1rem}.welcome-icon{font-size:2rem}.welcome-text{display:flex;flex-direction:column}.welcome-title{color:var(--text-inverse);font-size:1.25rem;font-weight:600;margin:0}.welcome-subtitle{color:#fffc;font-size:.875rem;margin:0}.welcome-status{align-items:center;background:#ffffff26;border-radius:var(--border-radius);display:flex;gap:.5rem;padding:.5rem 1rem}.status-indicator{border-radius:50%;height:10px;width:10px}.status-indicator.online{background:var(--production-active);box-shadow:0 0 8px var(--production-active)}.status-text{color:var(--text-inverse);font-size:.875rem;font-weight:500}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.metric-card{background:var(--card-background);border-left:4px solid #0000;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;gap:1rem;padding:1.25rem;transition:var(--transition)}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card.production{border-left-color:var(--metric-blue)}.metric-card.efficiency{border-left-color:var(--metric-green)}.metric-card.quality{border-left-color:var(--metric-purple)}.metric-card.delivery{border-left-color:var(--metric-orange)}.metric-icon{align-items:center;background:var(--background-color);border-radius:var(--border-radius);display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.metric-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.metric-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.metric-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.metric-progress{background:var(--background-dark);border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--metric-blue),var(--accent-color));border-radius:3px;height:100%;transition:width .5s ease}.metric-target{color:var(--text-light);font-size:.75rem}.metric-trend{align-items:center;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}.metric-trend.positive span{color:var(--success-color);font-weight:600}.metric-trend.negative span{color:var(--danger-color);font-weight:600}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.stats-card{background:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.25rem}.card-header{margin-bottom:1rem}.card-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.card-icon{font-size:1.25rem}.equipment-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.equipment-item{align-items:center;background:var(--background-color);border-radius:var(--border-radius);display:flex;flex-direction:column;padding:1rem;transition:var(--transition)}.equipment-item:hover{transform:scale(1.02)}.equipment-item.operational{border-bottom:3px solid var(--equipment-online)}.equipment-item.maintenance{border-bottom:3px solid var(--equipment-maintenance)}.equipment-item.offline{border-bottom:3px solid var(--equipment-offline)}.equipment-item.total{border-bottom:3px solid var(--accent-color)}.equipment-count{color:var(--text-primary);font-size:1.5rem;font-weight:700}.equipment-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.inventory-list{display:flex;flex-direction:column;gap:.75rem}.inventory-item{align-items:center;background:var(--background-color);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:.75rem}.inventory-label{color:var(--text-secondary);font-size:.875rem}.inventory-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.inventory-alert{align-items:center;background:var(--warning-light);border:1px solid var(--warning-color);border-radius:var(--border-radius);display:flex;gap:.5rem;padding:.75rem}.alert-icon{font-size:1rem}.inventory-alert span:last-child{color:var(--warning-color);font-size:.875rem;font-weight:500}.order-stats{display:flex;gap:1rem}.order-item{align-items:center;background:var(--background-color);border-radius:var(--border-radius);display:flex;flex:1 1;flex-direction:column;padding:1rem;transition:var(--transition)}.order-item:hover{transform:scale(1.02)}.order-item.pending .order-count{color:var(--warning-color)}.order-item.in-production .order-count{color:var(--info-color)}.order-item.completed .order-count{color:var(--success-color)}.order-count{font-size:1.5rem;font-weight:700}.order-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.5px;text-align:center;text-transform:uppercase}.quick-actions-card{background:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1.25rem}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:1rem}.action-button{align-items:center;border:none;border-radius:var(--border-radius);color:var(--text-inverse);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:var(--transition)}.action-button .action-icon{font-size:1.25rem}.action-button.primary{background:var(--primary-color)}.action-button.primary:hover{background:var(--primary-hover)}.action-button.secondary{background:var(--secondary-color)}.action-button.secondary:hover{background:#374151}.action-button.accent{background:var(--accent-color)}.action-button.accent:hover{background:var(--accent-hover)}.action-button.info{background:var(--info-color)}.action-button.info:hover{background:#0369a1}.activity-card{background:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.25rem}.view-all-btn{background:none;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;font-size:.75rem;padding:.5rem 1rem;transition:var(--transition)}.view-all-btn:hover{background:var(--background-color);border-color:var(--primary-color);color:var(--primary-color)}.table-container{margin-top:1rem;overflow-x:auto}.activity-table{border-collapse:collapse;width:100%}.activity-table td,.activity-table th{border-bottom:1px solid var(--border-light);padding:.875rem 1rem;text-align:left}.activity-table th{background-color:var(--background-color);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.activity-table td{color:var(--text-secondary);font-size:.875rem}.activity-table tbody tr{transition:var(--transition)}.activity-table tbody tr:hover{background-color:var(--background-color)}.activity-icon{margin-right:.5rem}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge.success{background:var(--success-light);color:var(--success-color)}.status-badge.pending{background:var(--warning-light);color:var(--warning-color)}.status-badge.error{background:var(--danger-light);color:var(--danger-color)}.modal-content{background:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:1.5rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.close-button{color:var(--text-muted);font-size:1.5rem;padding:.25rem;transition:var(--transition)}.close-button:hover{color:var(--text-primary)}.add-user-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.5rem}.form-group label{color:var(--text-secondary);font-size:.875rem}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:.75rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.modal-footer{gap:1rem;margin-top:1.5rem}.cancel-button{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);padding:.75rem 1.25rem;transition:var(--transition)}.cancel-button:hover{background-color:var(--background-dark)}.submit-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--text-inverse);cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:var(--transition)}.submit-button:hover{background-color:var(--primary-hover)}@media (max-width:1200px){.metrics-grid,.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container{max-width:98%;padding:1rem}.dashboard-header{flex-direction:column;gap:1rem}.dashboard-title{font-size:1.5rem}.welcome-card{flex-direction:column;gap:1rem;padding:1rem}.welcome-content{flex-direction:column;text-align:center}.welcome-title{font-size:1rem}.metrics-grid{grid-template-columns:1fr}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.stats-grid{gap:1rem}.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.equipment-grid{grid-template-columns:repeat(4,1fr)}.order-stats{flex-direction:row}.card-title{font-size:.9rem}.activity-table td,.activity-table th{font-size:.8rem;padding:.5rem .75rem}}@media (max-width:480px){.dashboard-container{padding:.75rem}.dashboard-title{font-size:1.25rem}.equipment-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.equipment-item{min-width:0;padding:.75rem .5rem}.equipment-label{letter-spacing:.25px;overflow-wrap:anywhere;text-align:center}.inventory-item{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto}.order-stats{flex-direction:column;gap:.5rem}.order-item{min-width:0;padding:.75rem .5rem}.order-label{overflow-wrap:anywhere}.action-button{flex-direction:column;font-size:.75rem;padding:.75rem}.action-button .action-icon{font-size:1.5rem}}.search-button{align-items:center;background-color:#f9fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#2d3748;display:flex;font-family:Poppins!important;height:36px;max-width:400px;overflow:hidden;padding:0 12px;position:relative;transition:all .2s ease;width:100%}.search-button:focus-within{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none!important}.search-icon{color:#94a3b8;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.search-button:focus-within .search-icon{color:#3b82f6}.searchBar-input{background-color:initial;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;color:#2d3748;font-size:.875rem!important;height:100%;outline:none!important;padding:0 30px 0 0!important;width:100%}.searchBar-input::placeholder{color:#94a3b8;font-size:.875rem;opacity:1}.searchBar-input:focus::placeholder{color:#cbd5e1}@media (max-width:768px){.search-button{height:40px;max-width:none;padding:0 14px;width:100%}.search-icon{right:14px}.searchBar-input{font-size:1rem!important;padding:0 35px 0 0!important}}@media (max-width:480px){.search-button{height:44px;padding:0 16px}.search-icon{right:16px}.searchBar-input{padding:0 40px 0 0!important}}.user-management-container{font-family:Poppins;margin:0 auto;max-width:96%;padding:1rem}.user-management-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.user-management-add-user,.user-management-users-table{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;margin-bottom:1rem;padding:1rem}.user-management-section-title{color:#2d3748;font-size:1rem;font-weight:600}.user-management-section-wrapper{display:flex;flex-direction:column;gap:10px;margin-bottom:1rem}.user-management-add-user-form,.user-management-modal-content,.user-management-permissions{grid-gap:1.25rem;display:grid;gap:1.25rem}.user-management-form-group{display:flex;flex-direction:column;gap:.5rem;max-width:435px}.user-management-label{color:#4a5568;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.user-management-input,.user-management-input-select{background-color:#f9fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:.875rem;height:36px;min-width:0;padding:.5rem .75rem;transition:all .2s ease;width:100%}.user-management-input-select::placeholder,.user-management-input::placeholder{color:#94a3b8;font-size:.875rem;opacity:1}.user-management-input::-webkit-input-placeholder{color:#94a3b8;font-size:.875rem;opacity:1}.user-management-input::-moz-placeholder{color:#94a3b8;font-size:.875rem;opacity:1}.user-management-input:-ms-input-placeholder{color:#94a3b8;font-size:.875rem;opacity:1}.user-management-input-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.user-management-input-select:focus,.user-management-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.user-management-input:focus::placeholder{color:#cbd5e1;opacity:1}.user-management-input:disabled{background-color:#f1f5f9;border-color:#cbd5e1;color:#64748b;cursor:not-allowed;opacity:.8}.user-management-add-user-form .user-management-input,.user-management-add-user-form .user-management-input-select{max-width:435px}.user-management-checkbox-label{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:1rem}.user-management-checkbox{accent-color:#3b82f6;border-radius:4px;cursor:pointer;height:18px;margin-right:.75rem;width:18px}.user-management-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.user-management-button:disabled{cursor:not-allowed;opacity:.7}.user-management-button-primary{background-color:#3b82f6;color:#fff}.user-management-button-primary:hover:not(:disabled){background-color:#2563eb;box-shadow:0 2px 4px #2563eb33;transform:translateY(-1px)}.user-management-button-secondary{background-color:#f59e0b;color:#fff}.user-management-button-secondary:hover:not(:disabled){background-color:#d97706;box-shadow:0 2px 4px #d9770633;transform:translateY(-1px)}.user-management-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:10px;box-shadow:0 2px 4px #0000000d;overflow-x:auto}.user-management-table{border-collapse:initial;border-spacing:0;min-width:600px;overflow:hidden;width:100%}.user-management-table-header{background-color:#f8fafc}.user-management-table-header th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:.75rem;text-align:left}.user-management-button+.user-management-button{margin-left:.5rem}.user-management-table-row:hover{background-color:#f1f5f9}.user-management-table-cell{border-bottom:1px solid #e2e8f0;color:#334155;font-size:.875rem;padding:.75rem}.user-management-table-cell-empty{color:#64748b;font-size:.875rem;font-style:italic;padding:1rem;text-align:center}.user-management-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.user-management-modal{animation:modalFade .2s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:550px;padding:1.5rem;position:relative;width:100%}@keyframes modalFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-management-modal-close-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s ease;width:32px}.user-management-modal-close-button:hover{background-color:#f1f5f9;color:#334155}.user-management-modal-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.user-management-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.user-management-loading{align-items:center;color:#4a5568;display:flex;font-size:1rem;gap:.75rem;justify-content:center;padding:2rem 0}.loader{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff}.user-management-table-cell .user-management-button{font-size:.875rem;height:36px;padding:.5rem 1rem}.user-pagination-active{background-color:#f59e0b!important;border:1px solid #f59e0b!important}.user-pagination-active .pagination-link{color:#fff}@media (max-width:1024px){.user-management-container{max-width:98%;padding:.75rem}.user-management-add-user-form{gap:1rem;grid-template-columns:1fr 1fr}.user-management-form-group{max-width:none}.user-management-table-wrapper{overflow-x:auto}.user-management-table{min-width:600px}}@media (max-width:768px){.user-management-container{max-width:100%;padding:.5rem}.user-management-title{font-size:1.125rem;margin-bottom:.75rem}.user-management-add-user,.user-management-users-table{margin-bottom:.75rem;padding:.75rem}.user-management-section-title{font-size:.9rem}.user-management-add-user-form{gap:.75rem;grid-template-columns:1fr}.user-management-form-group{max-width:none}.user-management-input,.user-management-input-select{font-size:.875rem;height:40px;padding:.75rem}.user-management-button{font-size:.875rem;height:40px;padding:.625rem 1rem}.user-management-section-wrapper{flex-direction:column;gap:.75rem}.user-management-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.user-management-table{font-size:.9rem;min-width:600px}.user-management-table-cell,.user-management-table-header th{padding:.6rem;white-space:nowrap}.user-management-table-cell .user-management-button{font-size:.8rem;height:32px;padding:.4rem .8rem}.user-management-modal{margin:1rem;max-width:90%;padding:1rem}.user-management-modal-content{gap:1rem}.user-management-modal-actions{flex-direction:column;gap:.75rem}.user-management-modal-actions .user-management-button{width:100%}}@media (max-width:480px){.user-management-container{padding:.25rem}.user-management-title{font-size:1rem;margin-bottom:.5rem}.user-management-add-user,.user-management-users-table{border-radius:8px;margin-bottom:.5rem;padding:.5rem}.user-management-section-title{font-size:.85rem}.user-management-add-user-form{gap:.5rem}.user-management-input,.user-management-input-select{font-size:.875rem;height:42px;padding:.625rem}.user-management-button{font-size:.875rem;height:42px;padding:.625rem .875rem}.user-management-section-wrapper{gap:.5rem}.user-management-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.user-management-table{font-size:.8rem;min-width:500px}.user-management-table-cell,.user-management-table-header th{padding:.5rem;white-space:nowrap}.user-management-table-cell .user-management-button{font-size:.75rem;height:28px;padding:.3rem .6rem}.user-management-modal{margin:.5rem;max-width:95%;padding:.75rem}.user-management-modal-title{font-size:1rem}.user-management-modal-content{gap:.75rem}.user-management-modal-actions{gap:.5rem}.user-management-loading{font-size:.9rem;padding:1rem 0}}@media (max-width:320px){.user-management-container{padding:.125rem}.user-management-add-user,.user-management-users-table{margin-bottom:.375rem;padding:.375rem}.user-management-title{font-size:.9rem}.user-management-section-title{font-size:.8rem}.user-management-input,.user-management-input-select{font-size:.9rem;height:40px;padding:.5rem}.user-management-button{font-size:.9rem;height:40px;padding:.5rem .75rem}.user-management-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.user-management-table{font-size:.75rem;min-width:400px}.user-management-table-cell,.user-management-table-header th{padding:.4rem;white-space:nowrap}.user-management-table-cell .user-management-button{font-size:.7rem;height:24px;padding:.25rem .5rem}.user-management-modal{margin:.25rem;max-width:98%;padding:.5rem}.user-management-modal-title{font-size:.9rem}}@media (max-width:768px) and (orientation:landscape){.user-management-add-user-form{gap:.75rem;grid-template-columns:1fr 1fr}.user-management-modal{max-width:80%}.user-management-modal-actions{flex-direction:row}.user-management-modal-actions .user-management-button{flex:1 1;width:auto}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.user-management-table-wrapper{box-shadow:0 1px 2px #0000000d}.user-management-add-user,.user-management-users-table{box-shadow:0 2px 3px #0000000d,0 1px 2px #0000001a}}@media print{.user-management-container{max-width:100%;padding:0}.user-management-add-user,.user-management-button,.user-management-modal-overlay{display:none}.user-management-table-wrapper{border:1px solid #000;box-shadow:none}.user-management-table{min-width:auto}}@media (max-width:768px){.user-management-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000!important}.user-management-modal{border-radius:10px;margin:0 auto;max-width:400px;position:relative;width:90%;z-index:10000}}.cm-select-wrapper{display:inline-block;font-family:inherit;max-width:100%;position:relative;width:100%}.cm-select-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:#f9fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;cursor:pointer;display:flex;gap:8px;height:44px;justify-content:space-between;padding:10px 12px;width:100%}.cm-select-toggle.placeholder{color:#94a3b8}.cm-select-value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.cm-select-value.placeholder{color:#94a3b8}.cm-select-caret{background-color:initial;display:inline-block;height:12px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%234a5568%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27/></svg>") center /contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%234a5568%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27/></svg>") center /contain no-repeat;width:12px}.cm-select-list{transform-origin:top center;transition:opacity .12s ease,transform .12s ease}.cm-select-list.open-down{bottom:auto;transform:translateY(0)}.cm-select-list.open-up{top:auto;transform:translateY(0)}.cm-select-option{font-size:.95rem;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.cm-select-option:hover{color:#1f2937}.cm-select-option.selected{background:#f59e0b;color:#fff}@media (max-width:480px){.cm-select-list{border-radius:10px;left:8px;margin:6px 0;max-height:calc(100vh - 120px);right:8px}.cm-select-list.open-up{bottom:calc(100% + 6px)}}@media (max-width:768px){.user-management-container{padding:.5rem}.user-management-add-user-form{gap:.75rem;grid-template-columns:1fr}.cm-select-toggle,.user-management-input{font-size:.95rem;height:44px;padding:10px 12px}.user-management-button{font-size:1rem;height:44px;padding:.75rem 1rem}.user-management-modal{margin:1rem;max-width:420px;padding:1rem;width:90%;z-index:10005}.user-management-modal-overlay{z-index:10000}}@media (max-width:480px){.user-management-modal{margin:.5rem;max-width:96%;padding:.75rem}.cm-select-list{max-height:calc(100vh - 90px)}.user-management-button+.user-management-button{margin-left:0}}@media (max-width:768px) and (orientation:landscape){.user-management-add-user-form{gap:.75rem;grid-template-columns:1fr 1fr}}.cm-select-caret{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;height:16px;width:16px}.cm-select-list{background:#fff;border:1px solid #0000000f;border-radius:8px;box-shadow:0 6px 18px #0000001f;left:0;list-style:none;margin:6px 0 0;max-height:320px;opacity:0;overflow:auto;padding:6px;pointer-events:none;position:absolute;right:0;transition:opacity .12s ease;z-index:99999}.cm-select-list.visible{opacity:1;pointer-events:auto}.cm-select-list.open-down{top:100%}.cm-select-list.open-up{bottom:100%}.cm-select-option{border-radius:6px;color:#2d3748;cursor:pointer;font-size:.875rem;padding:8px 10px}.cm-select-option+.cm-select-option{margin-top:4px}.cm-select-option:hover{background:#f1f5f9}.cm-select-option.selected{background:#585857;color:#ced4df}@media (max-width:768px){.cm-select-list{border-radius:10px;left:8px;max-height:calc(100vh - 120px);right:8px}.cm-select-toggle{font-size:.9rem;height:40px}}.user-management-add-user-form .cm-select-wrapper,.user-management-add-user-form .user-management-custom-dropdown{display:inline-block;vertical-align:top;width:100%}@media (max-width:768px){.user-management-add-user-form .cm-select-wrapper,.user-management-add-user-form .user-management-custom-dropdown{width:100%}}.user-management-enhanced{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mfg-header-stats{display:flex;gap:1rem}.mfg-stat-badge{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border-radius:12px;color:#fff;display:flex;flex-direction:column;min-width:80px;padding:.5rem 1rem}.mfg-stat-number{font-size:1.5rem;font-weight:700;line-height:1}.mfg-stat-label{font-size:.625rem;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.mfg-card-title-icon-svg,.mfg-page-title-icon-svg{color:var(--primary-color)}.mfg-label-icon{opacity:.6}.mfg-card-elevated{transition:box-shadow .3s ease,transform .3s ease}.mfg-card-elevated:hover{box-shadow:var(--shadow-lg)}.mfg-form-enhanced .mfg-form-group{position:relative}.mfg-form-label{align-items:center;display:flex;gap:.375rem}.mfg-input-wrapper{min-width:0;position:relative;width:100%}.mfg-input-with-icon{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.mfg-input-error{background-color:#fef2f2!important;border-color:var(--danger-color)!important}.mfg-input-warning{background-color:#fffbeb!important;border-color:var(--warning-color)!important}.mfg-input-error-msg{color:var(--danger-color);font-size:.6875rem;font-weight:500;position:absolute;right:0;top:-1.5rem}.mfg-password-wrapper{position:relative}.mfg-password-wrapper .mfg-form-input{padding-right:3rem}.mfg-password-toggle{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:.375rem;position:absolute;right:.75rem;top:42%;transform:translateY(-50%);transition:color .2s ease,background-color .2s ease}.mfg-password-toggle:hover{background:var(--background-color);color:var(--text-primary)}.mfg-password-strength{align-items:center;display:flex;font-size:.6875rem;font-weight:500;gap:.25rem;margin-top:.375rem}.mfg-strength-weak{color:var(--warning-color)}.mfg-strength-good{color:var(--success-color)}.mfg-form-actions-full{display:flex;grid-column:1/-1;justify-content:flex-start;padding-top:.5rem}.mfg-btn-with-icon{align-items:center;display:inline-flex;gap:.5rem}.mfg-loader-spinner{animation:spinLoader .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spinLoader{to{transform:rotate(1turn)}}.mfg-loading-enhanced{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.mfg-loading-spinner{animation:spinLoader .8s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.mfg-loading-text{align-items:center;color:var(--text-muted);display:flex;font-size:.875rem}.mfg-loading-dots:after{animation:loadingDots 1.5s infinite;content:""}@keyframes loadingDots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.mfg-table-enhanced{border:none}.mfg-table-enhanced .mfg-table tbody tr{transition:background-color .15s ease,transform .15s ease}.mfg-table-enhanced .mfg-table tbody tr:hover{background:linear-gradient(to right,var(--background-color),#0000);transform:translateX(2px)}.mfg-table-row-animated{animation:slideInRow .3s ease-out backwards}@keyframes slideInRow{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.mfg-user-cell{align-items:center;display:flex;gap:.75rem}.mfg-user-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:36px;justify-content:center;width:36px}.mfg-user-name{color:var(--text-primary);font-weight:600}.mfg-email-cell{color:var(--text-secondary);font-size:.8125rem}.mfg-role-badge{align-items:center;background:var(--background-color);border-radius:6px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .625rem}.mfg-role-badge svg{opacity:.6}.mfg-status-animated{align-items:center;display:inline-flex;gap:.375rem}.mfg-status-dot{animation:statusPulse 2s infinite;border-radius:50%;height:6px;width:6px}.mfg-status-active .mfg-status-dot{background:var(--success-color)}.mfg-status-inactive .mfg-status-dot{background:var(--danger-color)}.mfg-status-pending .mfg-status-dot{background:var(--warning-color)}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.mfg-btn-ghost{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);padding:.5rem;transition:background-color .2s ease,color .2s ease,transform .15s ease}.mfg-btn-ghost:hover{background:var(--background-color);color:var(--primary-color);transform:scale(1.1)}.mfg-btn-ghost-warning{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);padding:.5rem;transition:background-color .2s ease,color .2s ease,transform .15s ease}.mfg-btn-ghost-warning:hover{background:var(--warning-light);color:var(--warning-color);transform:scale(1.1)}.mfg-btn-icon-only{align-items:center;display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.mfg-empty-enhanced{padding:4rem 2rem}.mfg-empty-illustration{align-items:center;background:var(--background-color);border-radius:50%;color:var(--text-light);display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.mfg-empty-enhanced .mfg-empty-title{margin-bottom:.5rem}.mfg-empty-enhanced .mfg-empty-text{max-width:300px}.mfg-modal-overlay-animated{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mfg-modal-enhanced{animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mfg-user-profile-header{align-items:center;background:linear-gradient(135deg,var(--background-color) 0,var(--background-dark) 100%);border-radius:var(--border-radius);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.mfg-profile-avatar-large{box-shadow:0 4px 8px #00000026;font-size:1.25rem;font-weight:700;height:64px;width:64px}.mfg-profile-avatar-large,.mfg-profile-avatar-medium{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.mfg-profile-avatar-medium{box-shadow:0 3px 6px #00000026;font-size:1rem;font-weight:600;height:48px;width:48px}.mfg-profile-info{display:flex;flex-direction:column;gap:.375rem}.mfg-profile-name{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.mfg-view-grid-enhanced .mfg-view-item{border:1px solid var(--border-light);transition:border-color .2s ease,box-shadow .2s ease}.mfg-view-grid-enhanced .mfg-view-item:hover{border-color:var(--primary-light);box-shadow:0 2px 8px #4a90d91a}.mfg-view-grid-enhanced .mfg-view-label{align-items:center;display:flex;gap:.375rem}.mfg-view-value-mono{color:var(--text-muted);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.8125rem}.mfg-edit-user-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.mfg-edit-username{color:var(--text-primary);font-size:1rem;font-weight:600}.mfg-input-disabled{cursor:not-allowed;opacity:.6}.user-management-enhanced .mfg-form-group{min-width:0;width:100%}.user-management-enhanced .cm-select-toggle,.user-management-enhanced .cm-select-wrapper,.user-management-enhanced .mfg-form-input,.user-management-enhanced .user-management-custom-dropdown{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.user-management-enhanced .cm-select-toggle,.user-management-enhanced .mfg-form-input{display:block}.mfg-input-hint{color:var(--text-muted);font-size:.6875rem;margin-top:.25rem}@media (max-width:768px){.mfg-header-stats{display:none}.mfg-user-profile-header{flex-direction:column;text-align:center}.mfg-profile-info{align-items:center}.mfg-view-grid-enhanced{grid-template-columns:1fr}.mfg-empty-enhanced{padding:2rem 1rem}.mfg-btn-icon-only{height:32px;width:32px}}@media (max-width:480px){.mfg-form-actions-full{flex-direction:column}.mfg-form-actions-full .mfg-btn{width:100%}}@media (max-width:768px){.user-management-enhanced .mfg-form-grid{gap:.75rem;grid-template-columns:minmax(0,1fr)!important}.user-management-enhanced .mfg-card.mfg-card-elevated .mfg-card-body,.user-management-enhanced .mfg-card.mfg-card-elevated .mfg-form-enhanced{max-height:none!important;overflow:visible!important}.user-management-enhanced.mfg-page-container{max-width:100%;padding:.75rem}.user-management-enhanced .mfg-page-title{font-size:1.2rem;gap:.5rem;justify-content:flex-start;text-align:left}.user-management-enhanced .mfg-card{padding:.875rem}.user-management-enhanced .mfg-card-header{align-items:stretch;gap:.75rem}.user-management-enhanced .mfg-card-header>div{width:100%}.user-management-enhanced .search-button{max-width:100%}.user-management-enhanced .mfg-table{min-width:100%}.user-management-enhanced .mfg-table thead{display:none}.user-management-enhanced .mfg-table,.user-management-enhanced .mfg-table tbody,.user-management-enhanced .mfg-table td,.user-management-enhanced .mfg-table tr{display:block;width:100%}.user-management-enhanced .mfg-table tbody tr{background:var(--card-background);border:1px solid var(--border-light);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:.75rem;padding:.25rem .625rem}.user-management-enhanced .mfg-table tbody tr:last-child{margin-bottom:0}.user-management-enhanced .mfg-table td{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;font-size:.8125rem;gap:.75rem;justify-content:space-between;padding:.625rem 0}.user-management-enhanced .mfg-table td:last-child{border-bottom:none}.user-management-enhanced .mfg-table td:before{color:var(--text-muted);content:attr(data-label);flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.4px;min-width:72px;padding-top:.2rem;text-transform:uppercase}.user-management-enhanced .mfg-user-cell{width:100%}.user-management-enhanced .mfg-email-cell{overflow-wrap:anywhere;text-align:right;width:100%}.user-management-enhanced .mfg-role-badge,.user-management-enhanced .mfg-status-badge,.user-management-enhanced .mfg-table-actions{margin-left:auto}.user-management-enhanced .pagination{flex-wrap:wrap;gap:.375rem;justify-content:center}}@media (max-width:480px){.user-management-enhanced.mfg-page-container{padding:.5rem}.user-management-enhanced .mfg-page-title{font-size:1rem}.user-management-enhanced .mfg-page-subtitle{font-size:.75rem}.user-management-enhanced .mfg-card{border-radius:10px;padding:.75rem}.user-management-enhanced .mfg-form-label{font-size:.8rem}.user-management-enhanced .cm-select-toggle,.user-management-enhanced .mfg-form-input,.user-management-enhanced .search-button{font-size:.9rem;height:42px}.user-management-enhanced .mfg-table td{gap:.5rem;padding:.55rem 0}.user-management-enhanced .mfg-table td:before{font-size:.65rem;min-width:64px}.user-management-enhanced .mfg-user-avatar{font-size:.7rem;height:32px;width:32px}.user-management-enhanced .mfg-btn-icon-only{height:30px;width:30px}}@media (max-width:768px){.user-management-enhanced .mfg-table{display:table;min-width:600px;width:100%}.user-management-enhanced .mfg-table thead{display:table-header-group}.user-management-enhanced .mfg-table tbody{display:table-row-group}.user-management-enhanced .mfg-table tr{background:#0000;border:none;border-radius:0;box-shadow:none;display:table-row;margin:0;padding:0}.user-management-enhanced .mfg-table td{border-bottom:1px solid var(--border-light);display:table-cell;padding:.875rem 1rem;width:auto}.user-management-enhanced .mfg-table td:before{content:none}.user-management-enhanced .mfg-user-cell{justify-content:flex-start;width:auto}.user-management-enhanced .mfg-email-cell{overflow-wrap:normal;text-align:left;width:auto}.user-management-enhanced .mfg-role-badge,.user-management-enhanced .mfg-status-badge,.user-management-enhanced .mfg-table-actions{margin-left:0}}@media (max-width:380px){.user-management-enhanced .mfg-form-grid{grid-template-columns:minmax(0,1fr)!important}.user-management-enhanced.mfg-page-container{padding:.5rem}.user-management-enhanced .mfg-card{margin-bottom:.75rem;padding:.75rem}.user-management-enhanced .mfg-page-title{font-size:1rem;gap:.375rem}.user-management-enhanced .mfg-page-subtitle{font-size:.75rem}.user-management-enhanced .cm-select-toggle,.user-management-enhanced .mfg-form-input,.user-management-enhanced .search-button{box-sizing:border-box;font-size:.9rem;height:42px;max-width:100%;width:100%}.user-management-enhanced .mfg-btn{font-size:.85rem;height:42px}.user-management-enhanced .mfg-table{min-width:560px}.user-management-enhanced .mfg-table td,.user-management-enhanced .mfg-table th{font-size:.75rem;padding:.625rem .75rem}}.mfg-page-container{margin:0 auto;max-width:96%;padding:1.5rem}.mfg-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.mfg-page-title-section{display:flex;flex-direction:column;gap:.25rem}.mfg-page-title{align-items:center;color:var(--text-primary);display:flex;font-weight:700;gap:.75rem;margin:0}.mfg-page-title,.mfg-page-title-icon{font-size:1.5rem}.mfg-page-subtitle{color:var(--text-muted);font-size:.875rem;margin:0}.mfg-header-actions{display:flex;gap:.75rem}.mfg-card{background:var(--card-background);border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.5rem;padding:1.5rem}.mfg-card-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.mfg-card-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.mfg-card-title-icon{font-size:1.25rem;opacity:.8}.mfg-btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;height:40px;justify-content:center;padding:.625rem 1.25rem;transition:var(--transition);white-space:nowrap}.mfg-btn:disabled{cursor:not-allowed;opacity:.6}.mfg-btn-icon{font-size:1rem}.mfg-btn-primary{background:var(--primary-color);color:var(--text-inverse)}.mfg-btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mfg-btn-secondary{background:var(--accent-color);color:var(--text-inverse)}.mfg-btn-secondary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.mfg-btn-success{background:var(--success-color);color:var(--text-inverse)}.mfg-btn-success:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.mfg-btn-warning{background:var(--warning-color);color:var(--text-inverse)}.mfg-btn-warning:hover:not(:disabled){background:#b45309;transform:translateY(-1px)}.mfg-btn-danger{background:var(--danger-color);color:var(--text-inverse)}.mfg-btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.mfg-btn-outline{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.mfg-btn-outline:hover:not(:disabled){background:var(--background-color);border-color:var(--primary-color);color:var(--primary-color)}.mfg-btn-sm{font-size:.8125rem;height:32px;padding:.375rem .75rem}.mfg-form-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mfg-form-group{gap:.5rem}.mfg-form-label{font-size:.875rem;font-weight:500}.mfg-form-input,.mfg-form-select{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem;height:42px;padding:.625rem 1rem;transition:var(--transition)}.mfg-form-input:focus,.mfg-form-select:focus{background:var(--card-background);border-color:var(--primary-color);box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.mfg-form-input::placeholder{color:var(--text-light)}.mfg-table-wrapper{border:1px solid var(--border-light);border-radius:var(--border-radius);overflow-x:auto}.mfg-table{border-collapse:collapse;min-width:600px;width:100%}.mfg-table th{background:var(--background-color);border-bottom:2px solid var(--border-color);color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.875rem 1rem;text-align:left;text-transform:uppercase}.mfg-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:.875rem;padding:.875rem 1rem}.mfg-table tbody tr{transition:var(--transition)}.mfg-table tbody tr:hover{background:var(--background-color)}.mfg-table tbody tr:last-child td{border-bottom:none}.mfg-table-actions{align-items:center;display:flex;gap:.5rem}.mfg-status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.mfg-status-active{background:var(--success-light);color:var(--success-color)}.mfg-status-inactive{background:var(--danger-light);color:var(--danger-color)}.mfg-status-pending{background:var(--warning-light);color:var(--warning-color)}.mfg-status-info{background:var(--info-light);color:var(--info-color)}.mfg-filters{align-items:center;background:var(--background-color);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:1rem}.mfg-filter-dropdown{min-width:180px;position:relative}.mfg-filter-dropdown-btn{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.625rem 1rem;transition:var(--transition);width:100%}.mfg-filter-dropdown-btn:hover{border-color:var(--primary-color)}.mfg-filter-dropdown-icon{height:16px;opacity:.6;width:16px}.mfg-modal-confirm-text{color:var(--text-secondary);margin-bottom:1rem}.mfg-modal-danger-text,.mfg-modal-danger-text-mt{color:var(--danger-color);font-size:.875rem;font-weight:500}.mfg-modal-danger-text-mt{margin-top:1rem}.mfg-filter-dropdown-menu{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);left:0;position:absolute;right:0;top:calc(100% + .25rem);z-index:100}.mfg-filter-dropdown-item{color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.625rem 1rem;transition:var(--transition)}.mfg-filter-dropdown-item:hover{background:var(--background-color);color:var(--primary-color)}.mfg-search-box{align-items:center;display:flex;flex:1 1;max-width:400px;position:relative}.mfg-search-input{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:.875rem;padding:.625rem 2.5rem .625rem 1rem;transition:var(--transition);width:100%}.mfg-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.mfg-search-icon{cursor:pointer;height:18px;opacity:.5;position:absolute;right:1rem;transition:var(--transition);width:18px}.mfg-search-icon:hover{opacity:1}.mfg-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.mfg-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.mfg-empty-title{color:var(--text-secondary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.mfg-empty-text{color:var(--text-muted);font-size:.875rem;margin:0}.mfg-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.mfg-modal{animation:modalSlideIn .2s ease-out;background:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-height:90vh;max-width:550px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mfg-modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.mfg-modal-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.mfg-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;padding:.25rem;transition:var(--transition);width:32px}.mfg-modal-close:hover{background:var(--background-color);color:var(--text-primary)}.mfg-modal-body{padding:1.5rem}.mfg-modal-footer{background:var(--background-color);border-top:1px solid var(--border-light);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.mfg-view-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.mfg-view-item{background:var(--background-color);border-radius:var(--border-radius);padding:.75rem}.mfg-view-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.mfg-view-value{color:var(--text-primary);font-size:.9375rem;font-weight:500}.mfg-view-full-width{grid-column:1/-1}.mfg-pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;list-style:none;margin:0;padding:1rem 0 0}.mfg-pagination-item{border:1px solid var(--border-color);border-radius:var(--border-radius-sm)}.mfg-pagination-link{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;min-width:36px;padding:0 .75rem;text-decoration:none;transition:var(--transition)}.mfg-pagination-item:hover:not(.mfg-pagination-active):not(.mfg-pagination-disabled){background:var(--background-color)}.mfg-pagination-active{background:var(--primary-color);border-color:var(--primary-color)}.mfg-pagination-active .mfg-pagination-link{color:var(--text-inverse)}.mfg-pagination-disabled{cursor:not-allowed;opacity:.5}.mfg-loading{align-items:center;color:var(--text-muted);display:flex;font-size:.9375rem;gap:.75rem;justify-content:center;padding:3rem}.mfg-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:24px;width:24px}@media (max-width:768px){.mfg-page-container{padding:1rem}.mfg-page-header{align-items:stretch;flex-direction:column;gap:1rem}.mfg-header-actions{flex-direction:column;gap:.5rem}.mfg-header-actions .mfg-btn{font-size:.8125rem;height:38px;justify-content:center;width:100%}.mfg-page-title{font-size:1.25rem;justify-content:center}.mfg-card{padding:1rem}.mfg-card-header{align-items:stretch;flex-direction:column;gap:1rem}.mfg-form-grid{grid-template-columns:1fr}.mfg-filters{align-items:stretch;flex-direction:column}.mfg-search-box{max-width:100%}.mfg-table-actions{flex-direction:row;flex-wrap:wrap;gap:.375rem;justify-content:flex-start}.mfg-btn-sm{font-size:.75rem;height:30px;min-width:0;padding:.375rem .625rem;width:auto}.mfg-view-grid{grid-template-columns:1fr}}@media (max-width:480px){.mfg-page-container{padding:.5rem}.mfg-page-title{font-size:1rem}.mfg-card{margin-bottom:.75rem;padding:.625rem}.mfg-btn{font-size:.75rem;height:34px;padding:.375rem .75rem}.mfg-table td,.mfg-table th{font-size:.75rem;padding:.5rem}.mfg-header-actions .mfg-btn{font-size:.75rem;height:36px;padding:.375rem .75rem}.mfg-table-actions{flex-direction:row;gap:.25rem}.mfg-btn-sm{font-size:.7rem;height:28px;padding:.25rem .5rem;width:auto}.mfg-btn-text{display:none}}.mfg-permission-tag{background-color:#3b82f61a;background-color:var(--info-color-light,#3b82f61a);border-radius:1rem;color:#3b82f6;color:var(--info-color,#3b82f6);display:inline-block;font-size:.75rem;font-weight:500;margin:.125rem;padding:.25rem .625rem}.mfg-form-grid{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mfg-form-group{display:flex;flex-direction:column;gap:.375rem}.mfg-form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.mfg-form-input{background-color:var(--background-light);border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease}.mfg-form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1e3a5f1a;outline:none}.mfg-form-input:disabled{background-color:var(--background-tertiary);color:var(--text-muted);cursor:not-allowed}.mfg-form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.mfg-loading-state{align-items:center;color:var(--text-secondary);display:flex;font-size:.9375rem;gap:.75rem;justify-content:center;padding:2rem}.group-management-container{margin:0 auto;max-width:94%;padding:1rem}.group-management-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.role-form-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.role-input{min-width:510px}.parent-tab-section,.role-input{border:1px solid #d1d5db;border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.parent-tab-section{align-items:flex-start;display:flex;flex-direction:column;max-width:510px}.parent-tab-checkbox{align-items:center;display:flex;font-weight:600}.parent-tab-checkbox input{margin-right:.5rem}.child-tab-section{padding-left:1.5rem}.child-tab-item{align-items:flex-start;display:flex;flex-direction:column;margin:1rem 0}.child-tab-checkbox{align-items:center;display:flex;margin-bottom:.25rem}.child-tab-checkbox input{margin-right:.5rem}.permissions-section{display:flex;gap:.75rem;margin-top:1rem;padding-left:1.5rem}.permission-checkbox{align-items:center;display:flex}.permission-checkbox input{margin-right:.25rem}.add-role-button{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.25rem}.roles-table-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.roles-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;padding:.75rem;text-align:left}.roles-table td{border-bottom:1px solid #e5e7eb;padding:.75rem}.tab-badge{background-color:#e6f2ff;border-radius:9999px;color:#3b82f6;display:inline-block;font-size:.75rem;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .5rem}.expand-indicator{color:#999696;cursor:pointer;font-size:.8em;margin-left:8px}.child-tab-checkbox span,.parent-tab-checkbox span{align-items:center;display:flex}.roles-table{border-collapse:collapse;margin-top:20px;width:100%}.roles-table td,.roles-table th{border:1px solid #ddd;padding:8px;text-align:left}.roles-table th{background-color:#f4f4f4;font-weight:700;max-width:400px;min-width:200px}.role-row:hover{background-color:#f1f1f1}.delete-button{border-radius:3px}.delete-button:hover{background-color:#d32f2f}.group-management-top-right{margin-bottom:70px;position:relative}.group-management-button-top-right{background-color:#3b82f6;color:#fff;position:absolute;right:0;top:0}.group-management-button{align-items:flex-end;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;height:36px;justify-content:flex-end;padding:.5rem 1rem;transition:all .2s ease}.actions-container{display:flex;justify-content:flex-end;margin-bottom:20px}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.popup-overlay~*{pointer-events:none}.popup-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;position:relative;width:80%;z-index:10000}.popup-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.popup-header h3{color:#333;font-size:18px;margin:0}.permissions-title{margin-top:10px}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.popup-content{flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:20px}.popup-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.permissions-container{border:1px solid #e0e0e0;border-radius:4px;max-height:400px;overflow-y:auto;padding:10px}.role-input{border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:10px;width:100%}.child-tab-title,.parent-tab-title{align-items:center;cursor:pointer;display:inline-flex;justify-content:space-between;padding:5px 0;width:100%}.add-role-button,.save-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.cancel-button{background-color:#f1f1f1;border-radius:4px;color:#333;padding:8px 16px}.edit-button{background-color:#2196f3;margin-right:5px}.delete-button,.edit-button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.delete-button{background-color:#f44336}.action-buttons{gap:5px}.confirm-popup{max-width:400px}.no-data{color:#666;padding:15px;text-align:center}.loading-indicator{display:flex;justify-content:center;padding:20px}.loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:20px;width:20px}.flex{align-items:center;display:flex}.admin-access-checkbox{margin-bottom:1rem}.admin-access-checkbox label{align-items:center;cursor:pointer;display:flex;font-size:.9rem}.admin-access-checkbox input{margin-right:.5rem}@media (max-width:768px){.group-management-container{margin:0;max-width:100%;padding:.5rem}.group-management-title{font-size:1.25rem;margin-bottom:.75rem}.group-management-top-right{display:flex;justify-content:flex-end;margin-bottom:1rem;position:static}.group-management-button-top-right{font-size:.8rem;max-width:150px;padding:.5rem .75rem;position:static;width:100%}.role-form-container{margin-bottom:1rem;padding:1rem}.role-input{box-sizing:border-box;max-width:100%;min-width:100%;width:100%}.parent-tab-section{max-width:100%;padding:.5rem;width:100%}.permissions-section{flex-direction:column;gap:.5rem;padding-left:.5rem}.permission-checkbox{margin-bottom:.5rem}.roles-table-container{overflow-x:auto;padding:.75rem}.roles-table{min-width:600px}.roles-table td,.roles-table th{font-size:.8rem;min-width:120px;padding:.5rem .25rem}.tab-badge{font-size:.7rem;margin-bottom:.25rem;margin-right:.25rem;padding:.2rem .4rem}.action-buttons{flex-direction:column;gap:.25rem}.delete-button,.edit-button{font-size:.75rem;margin-right:0;max-width:80px;padding:.4rem .8rem;width:100%}.popup-overlay{align-items:center;padding:1rem}.popup-container{border-radius:8px;height:auto;margin:0;max-height:90vh;max-width:500px;width:95%}.popup-header{padding:1rem}.popup-header h3{font-size:1rem}.popup-content{flex:1 1;overflow-y:auto;padding:1rem}.popup-footer{flex-direction:column;gap:.5rem;padding:1rem}.cancel-button,.save-button{padding:.75rem;width:100%}.permissions-container{max-height:300px;padding:.5rem}.child-tab-title,.parent-tab-title{font-size:.9rem;padding:.4rem 0}.child-tab-section{padding-left:1rem}.permission-checkbox{font-size:.85rem}.admin-access-checkbox{margin-bottom:1rem}.admin-access-checkbox label{align-items:center;cursor:pointer;display:flex;font-size:.9rem}.admin-access-checkbox input{margin-right:.5rem}.table-filters{flex-direction:column;gap:.75rem;margin-bottom:1rem}.filter-dropdown-container{width:100%}.filter-dropdown-button{font-size:.9rem;padding:.75rem;width:100%}.search-container{width:100%}.search-input{font-size:.9rem;padding:.75rem;width:100%}.user-management-modal{margin:.5rem;max-width:95%;padding:1rem}.user-management-modal-actions{flex-direction:column;gap:.5rem}.user-management-modal-actions .user-management-button{padding:.75rem;width:100%}}@media (max-width:480px){.group-management-container{padding:.25rem}.group-management-title{font-size:1.1rem;margin-bottom:.5rem}.role-form-container,.roles-table-container{padding:.5rem}.roles-table{min-width:500px}.roles-table td,.roles-table th{font-size:.75rem;min-width:100px;padding:.4rem .2rem}.tab-badge{font-size:.65rem;padding:.15rem .3rem}.delete-button,.edit-button{font-size:.7rem;max-width:70px;padding:.3rem .6rem}.popup-container{border-radius:8px;height:auto;margin:0;max-height:95vh;max-width:450px;width:98%}.popup-content,.popup-footer,.popup-header{padding:.75rem}.parent-tab-section{padding:.4rem}.child-tab-section{padding-left:.75rem}.permissions-section{padding-left:.25rem}.permission-checkbox{font-size:.8rem}.user-management-modal{margin:.25rem;max-width:98%;padding:.75rem}}@media (max-width:768px) and (orientation:landscape){.popup-container{max-height:85vh;max-width:600px;width:90%}.permissions-container{max-height:200px}.roles-table{min-width:700px}}.loading-animation{display:flex;justify-content:center}.spinner{animation:spin 1s ease infinite;border:4px solid #0000001a;border-left-color:#3498db;border-radius:50%;height:36px;margin-top:20px;width:36px}.transaction-list-container{margin:0 auto;max-width:94%;padding:1rem}.transaction-list-header-wrapper{margin-bottom:1.5rem}.transaction-list-header,.transaction-list-header-wrapper{align-items:center;display:flex;justify-content:space-between}.transaction-list-header{margin-bottom:2rem}.transaction-list-header h2{font-size:1.5rem;font-weight:700}.create-transaction-button{background-color:var(--primary-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.transaction-management-create-button-container{display:flex;gap:.75rem;justify-content:right}.create-transaction-button:hover{background-color:var(--primary-hover)}.transaction-table-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.transaction-table{border-collapse:collapse;width:100%}.transaction-table td,.transaction-table th{border-bottom:1px solid var(--border-color);font-size:.875rem;padding:.75rem 1rem;text-align:left}.transaction-table th{background-color:#f9fafb;color:var(--text-primary);font-weight:500}.transaction-row:hover{background-color:#f3f4f6}.transaction-management-container{margin:0 auto;max-width:96%;padding:1rem}.transaction-management-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.transaction-management-add-transaction{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.transaction-management-button,.transaction-management-section-title{font-weight:700;margin-bottom:1rem}.transaction-management-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}.transaction-management-button-primary{background:#3b82f6;border:none;color:#fff}.transaction-management-button-primary:hover{background:#2563eb}.transaction-management-button-secondary{background:#f59e0b;border:none;color:#fff}.transaction-management-button-secondary:hover{background:#d97706}.transaction-management-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.transaction-management-table{border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;width:100%}.transaction-management-table-header{background-color:#f1f3f5}.transaction-management-table-header th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.transaction-management-table-row:hover{background-color:#f8fafc}.transaction-management-table-cell{border-bottom:1px solid #e2e8f0;color:#334155;font-size:.875rem;padding:.75rem 1rem}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.125rem;height:200px;justify-content:center}.tab-detail-category-table-filter-text{font-family:Poppins;font-size:18px;font-weight:lighter}.tab-detail-category-table-filters{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.tab-detail-category-table-search-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;max-width:400px;position:relative;transition:all .2s ease}.tab-detail-category-table-search-container:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.tab-detail-category-table-search-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tab-detail-category-table-filter-search{background:#0000;border:none;color:#334155;font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;width:100%}.tab-detail-category-table-filter-search:focus{outline:none}.tab-detail-category-table-filter-searchIcon{cursor:pointer;height:18px;opacity:.6;position:absolute;right:1rem;transition:opacity .2s ease;width:18px}.tab-detail-category-table-filter-searchIcon:hover{opacity:1}.tab-detail-category-table-filter-container{align-items:center;gap:20px;padding:15px}.tab-detail-category-dropdown-container{cursor:pointer;display:inline-block;min-width:200px;position:relative}.tab-detail-category-dropdown-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;min-width:200px;padding:.75rem 1rem;transition:all .2s ease}.tab-detail-category-dropdown-button:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.tab-detail-category-dropdown-button .dropdown-arrow{align-items:center;color:#a19f9f;display:flex;margin-left:.5rem;pointer-events:none;position:absolute;right:10px}.tab-detail-category-dropdown-button:focus,.tab-detail-category-dropdown-button:hover{box-shadow:0 4px 4px -2px #0003}.tab-detail-category-dropdown-options{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:.25rem;position:absolute;right:0;top:100%;z-index:10}.dropdown-option{color:#333;cursor:pointer;font-size:14px;padding:10px}.dropdown-option:hover{background-color:var(--secondary)}.add-item-dropdown-option{color:#334155;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.add-item-dropdown-option:hover{background-color:#f8fafc}.no-data-message{color:#64748b;font-size:.875rem;padding:2rem;text-align:center}@media (max-width:768px){.transaction-management-container{max-width:100%;padding:.5rem}.transaction-list-header-wrapper{align-items:stretch;flex-direction:column;gap:1rem}.transaction-management-title{font-size:1.125rem;margin-bottom:.5rem;text-align:center}.transaction-management-create-button-container{justify-content:center}.transaction-management-button{margin:0 auto;max-width:300px;width:100%}.transaction-management-add-transaction{margin-bottom:1rem;padding:1rem}.transaction-management-section-title{font-size:1rem;margin-bottom:1rem;text-align:center}.tab-detail-category-table-filters{flex-direction:column;gap:.75rem;padding:.75rem}.tab-detail-category-table-search-container{align-items:center;display:flex;height:48px;max-width:100%;order:2;width:100%}.tab-detail-category-dropdown-container{align-items:center;display:flex;height:48px;min-width:100%;order:1;width:100%}.tab-detail-category-dropdown-button{align-items:center;box-sizing:border-box;display:flex;height:48px;justify-content:space-between;min-width:100%;padding:.75rem 1rem;width:100%}.tab-detail-category-table-filter-search{background:#0000;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#334155;font-size:.875rem;height:48px;padding:.75rem 2.5rem .75rem 1rem;width:100%}.transaction-management-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.transaction-management-table{min-width:600px;width:100%}.transaction-management-table-cell{white-space:nowrap}.transaction-management-table-cell,.transaction-management-table-header th{font-size:.8rem;padding:.5rem .75rem}.transaction-management-button{font-size:.75rem;height:auto;padding:.375rem .75rem}.pagination{flex-wrap:wrap;gap:.25rem;margin-top:1rem;padding:.75rem .25rem}.pagination,.pagination-box,.pagination-link{align-items:center;display:flex;justify-content:center}.pagination-link{background:#fff;border-radius:6px;color:#64748b;font-size:.8125rem;height:22px;min-width:34px;padding:.375rem .625rem;text-align:center;text-decoration:none;transition:all .2s ease}.pagination-link:hover{background:#f1f5f9;color:#334155}.pagination-active{background-color:#fbbf24!important;border-color:#fbbf24!important}.pagination-active .pagination-link{background:#0000;color:#000;font-weight:600}.pagination-disabled .pagination-link{cursor:not-allowed;opacity:.5}@media (max-width:480px){.transaction-management-container{padding:.25rem}.transaction-management-add-transaction,.transaction-mobile-card{padding:.75rem}.transaction-mobile-card-body{gap:.75rem;grid-template-columns:1fr}.transaction-mobile-card-actions{justify-content:center}.transaction-mobile-card-button{flex:1 1;max-width:120px}.pagination-link{background:#fff;font-size:.7rem;height:20px;min-width:28px;padding:.25rem .375rem}.pagination-active{background-color:#fbbf24!important;border-color:#fbbf24!important}.pagination-active .pagination-link{background:#0000;color:#000;font-weight:600}}}@media (min-width:769px){.transaction-management-table-wrapper{overflow-x:visible}.transaction-management-table{min-width:auto}.transaction-management-table-cell{white-space:normal}.transaction-management-table-cell,.transaction-management-table-header th{font-size:.875rem;padding:.75rem 1rem}.transaction-management-button{font-size:.875rem;height:36px;padding:.5rem 1rem}}@media (max-width:768px){.transaction-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-detail-category-table-filters{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:2}.transaction-management-table{min-width:600px;width:100%}}@media screen and (max-width:768px){.tab-detail-category-table-filters{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:6px;justify-content:space-between;padding:4px 10px;position:sticky;top:0;z-index:2}.tab-detail-category-dropdown-container{flex:0.8 1}.tab-detail-category-dropdown-button{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:12px;height:28px;padding:0 8px}.tab-detail-category-table-search-container{align-items:center;display:flex;flex:1.2 1;position:relative}.tab-detail-category-table-filter-search{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:12px;height:28px;padding:0 26px 0 8px;width:100%}.tab-detail-category-table-filter-searchIcon{cursor:pointer;height:14px;position:absolute;right:8px;width:14px}}.transaction-page{margin:0 auto;max-width:94%;padding:1rem}.transaction-container{margin:0 auto;max-width:1200px}.page-header{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.view-mode-banner{align-items:center;background:linear-gradient(135deg,#e0f2fe,#dbeafe);background:linear-gradient(135deg,var(--info-light,#e0f2fe) 0,#dbeafe 100%);border:1px solid #0284c7;border:1px solid var(--info-color,#0284c7);border-radius:.5rem;border-radius:var(--border-radius,.5rem);color:#0284c7;color:var(--info-color,#0284c7);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.form-card{margin-bottom:1.5rem}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:1rem 1.5rem}.card-header h2{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:500}.card-body{padding:1.5rem}.badge-secondary{background-color:#f3f4f6;color:#6b7280;color:var(--secondary-color,#6b7280)}.input-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.input-group{gap:.5rem}.color-input:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e51a;outline:none}.input-group select{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:4px;font-size:.75rem;padding:.5rem;width:100%}.input-group select:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e51a;box-shadow:0 0 0 2px rgba(var(--primary-rgb,79,70,229),.1);outline:none}.btn{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;height:36px;justify-content:center;padding:.625rem 1.25rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}.btn-primary{background-color:#4f46e5;background-color:var(--primary-color,#4f46e5);border:none;color:#fff;min-width:145px}.btn-primary:hover{background-color:#4338ca;background-color:var(--primary-hover,#4338ca)}.btn-secondary{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--secondary-color,#6b7280)}.btn-secondary:hover{background-color:#f9fafb}.form-actions{margin-top:2rem}.inline-checkbox{align-items:center;flex-direction:row}.fields-section{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;margin-top:1rem;padding:1rem}.fields-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.fields-header h4{color:#111827;color:var(--text-primary,#111827);font-size:.875rem;font-weight:500;margin:0}.pickup-data-container{background-color:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.transaction-page{max-width:100%;padding:.25rem}.transaction-container{max-width:100%}.form-card{border-radius:6px;margin-bottom:1rem;padding:.5rem}.card-header h2{font-size:.8rem}.input-grid{gap:.6rem}.form-actions{align-items:stretch;flex-direction:column;gap:.7rem;margin-bottom:1.5rem;margin-top:1rem;padding-bottom:1.2rem;width:100%}.form-actions button{box-sizing:border-box;font-size:.875rem;min-width:0;min-width:auto;padding:.625rem 1rem;width:100%}.btn{font-size:.875rem;height:38px;padding:.5rem 1rem}.page-header{font-size:1.1rem}.checkbox-label,.fields-header h4,.input-group label{font-size:.7rem!important}}@media (max-width:378px){.transaction-page{max-width:100vw;padding:.1rem}.transaction-container{max-width:100vw;padding:0}input[type=number],input[type=text],select{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;font-size:.6rem;padding:.625rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}.form-card{border-radius:5px;margin-bottom:.7rem;padding:.3rem .15rem}.card-header h2{font-size:.7rem;white-space:normal;word-break:break-word}.input-grid{gap:.38rem;grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column;gap:.7rem;margin-bottom:1.6rem;margin-top:1rem;padding-bottom:1.4rem;width:100%}.form-actions button{box-sizing:border-box;padding:.5rem .75rem;width:100%}.btn,.form-actions button{font-size:.8125rem;min-width:0;min-width:auto}.btn{height:36px;padding:.375rem .75rem}.checkbox-label,.fields-header h4,.input-group label{font-size:.7rem!important}input[type=number],input[type=text],select{font-size:1rem}}.loading-container{background-color:#f8f9fa;flex-direction:column;height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#3498db;margin-bottom:1rem}.no-transactions-container{align-items:center;background-color:#f8f9fa;display:flex;height:100vh;justify-content:center}.no-transactions-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:2rem;text-align:center;width:90%}.no-transactions-content h2{color:#2c3e50;margin-bottom:1rem}.no-transactions-content p{color:#7f8c8d;margin-bottom:1.5rem}.no-transactions-content button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s}.no-transactions-content button:hover{background-color:#2980b9}.color-button{background:conic-gradient(red,#ff0,lime,aqua,blue,#f0f,red);border:none;border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;cursor:pointer;display:inline-block;height:40px;margin-right:8px;vertical-align:middle;width:40px}.color-button:focus{box-shadow:0 0 0 3px #4299e180;outline:none}.color-input{width:-webkit-fill-available}.color-popover{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;padding:12px;position:absolute;top:calc(100% + 8px);z-index:10}.color-code-container{align-items:center;display:flex;position:relative}.transaction-select-wrapper{display:inline-block;font-family:inherit;max-width:100%;position:relative;width:100%}.transaction-select-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:#f8fafb;border:1px solid #e5e7eb;border-radius:.375rem;box-sizing:border-box;color:#212325;cursor:pointer;display:flex;font-size:10px;gap:8px;height:auto;justify-content:space-between;padding:.57rem;transition:border-color .18s linear;width:100%}.transaction-select-toggle:hover{border-color:#a2a5ac}.transaction-select-toggle:focus{border-color:#1942e6;box-shadow:0 0 0 2px #1942e614;outline:none}.transaction-select-toggle.placeholder{color:#aeb0b8}.transaction-select-toggle.disabled,.transaction-select-toggle:disabled{background-color:#efefef4d}.transaction-fieldset-reset{border:none;margin:0;padding:0}.input-group-half{width:49.3%}.transaction-select-value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.transaction-select-value.placeholder{color:#aeb0b8}.transaction-select-caret{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;height:12px;width:12px}.transaction-select-list{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px #64646f14;left:0;list-style:none;margin:4px 0 0;max-height:220px;opacity:0;overflow:hidden;padding:4px;pointer-events:none;position:absolute;right:0;transition:opacity .18s;z-index:10001}.transaction-select-list.visible{opacity:1;pointer-events:auto}.transaction-select-list.open-down{top:100%}.transaction-select-list.open-up{bottom:100%}.transaction-select-option{border-radius:2px;color:#24274d;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .18s}.transaction-select-option+.transaction-select-option{margin-top:2px}.transaction-select-option:hover{background:#f1f3f4}.transaction-select-option.selected{background:#e9eefd;color:#193be6}.page-header{font-size:.99rem}@media (max-width:768px){.transaction-select-list{left:8px;max-height:calc(100vh - 120px);right:8px}.transaction-select-list.open-up{bottom:calc(100% + 4px)}}@media (max-width:378px){.transaction-select-list{left:4px;max-height:calc(100vh - 80px);right:4px}}.master-transaction-page{background-color:#f8fafc;min-height:100vh;padding:2rem 0}.master-transaction-container{margin:0 auto;max-width:1200px;padding:0 1rem}.page-header{color:#1a202c;font-size:2rem;font-weight:600;margin-bottom:2rem}.master-transaction-form{display:flex;flex-direction:column;gap:1.5rem}.form-card{background-color:#fff;background-color:var(--card-background,#fff);border-radius:.5rem;border-radius:var(--border-radius,.5rem);box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.card-header h2{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.badge{border-radius:1rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.badge-primary{background-color:#4f46e5;background-color:var(--primary-color,#4f46e5);color:#fff}.card-body{padding:2rem}.input-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column}.input-group label{color:#111827;color:var(--text-primary,#111827);font-size:.75rem;font-weight:500;margin-bottom:.5rem}.input-group input,.input-group select{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;box-sizing:border-box;font-size:.75rem;height:36px;padding:.625rem;transition:all .3s ease;transition:var(--transition,all .3s ease);width:100%}.input-group input:focus,.input-group select:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e51a;outline:none}.checkbox-grid{grid-gap:1rem;gap:1rem;margin-top:1rem}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-wrapper input[type=checkbox]{accent-color:#3b82f6;height:1rem;width:1rem}.disabled-input{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.checkbox-group{display:flex;flex-direction:column;gap:1rem}.checkbox-label{color:#374151;font-weight:500}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;height:1.25rem;margin-right:.75rem;width:1.25rem}.optional-button{background:#3b82f6;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:background-color .2s}.optional-button:hover{background:#2563eb}.fields-container{gap:1rem}.data-rows,.fields-container{display:flex;flex-direction:column}.data-rows{gap:.75rem}.data-row{align-items:center;background-color:#f9fafb;border-radius:.375rem;display:flex;gap:1rem;padding:.75rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}.data-row:hover{background-color:#f3f4f6}.row-inputs{display:flex;flex:1 1;gap:.75rem}.row-inputs>*{flex:1 1}input[type=number],input[type=text],select{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;font-size:.75rem;padding:.625rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e51a;outline:none}.field-inputs-row .input-group{flex:0 0 auto;margin-bottom:0}.field-inputs-row .checkbox-group{align-items:center;display:flex;flex:0 0 auto;margin-bottom:0;white-space:nowrap}.checkbox-label{color:#111827;color:var(--text-primary,#111827);font-size:.75rem}.field-inputs-row .checkbox-group input[type=checkbox]{height:.875rem;margin-right:.25rem;width:.875rem}.remove-field-icon{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex:0 0 auto;font-size:12px;font-weight:700;height:18px;justify-content:center;transition:background-color .2s;width:18px}.remove-field-icon:hover{background:#dc2626}.add-field-section{margin-top:1rem}.add-btn{align-items:center;background-color:#fff;border:2px dashed #e5e7eb;border:2px dashed var(--border-color,#e5e7eb);border-radius:.375rem;color:#6b7280;color:var(--secondary-color,#6b7280);cursor:pointer;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.75rem;position:relative;transition:all .3s ease;transition:var(--transition,all .3s ease);width:100%}.add-btn:hover{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);color:#4f46e5;color:var(--primary-color,#4f46e5)}.remove-btn{align-items:center;background:none;border:none;color:#ef4444;color:var(--danger-color,#ef4444);cursor:pointer;display:flex;flex:0 0 auto;justify-content:center;opacity:.5;padding:.375rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}.remove-btn:hover{opacity:1}.form-actions{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.cancel-button{background:#6b7280;border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.cancel-button:hover{background:#4b5563}.save-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.save-button:hover:not(:disabled){background:#2563eb}.save-button:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.master-transaction-container{padding:0 .5rem}.page-header{font-size:1rem}.card-header h2{color:#1a202c;font-size:1rem;font-weight:600;margin:0}.card-body,.card-header{padding:1rem}.input-grid{gap:1rem;grid-template-columns:1fr}.field-inputs-row{flex-direction:column;gap:1rem}.field-inputs-row .input-group{flex:none;width:100%}.field-inputs-row .checkbox-group{flex:none;margin-right:0;width:100%}.form-actions{flex-direction:column}}@media (max-width:378px){.card-header h2{color:#1a202c;font-size:.9rem;font-weight:600;margin:0}}.field-master-container{max-width:1200px;padding:20px}.field-master-card{box-shadow:0 2px 4px #0000001a;padding:20px}.card-title{margin-bottom:1rem}.validation-container{display:flex;flex-direction:column;gap:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-weight:500}.form-input{padding:8px 12px}.form-input,.form-select{border:1px solid #e5e7eb;border-radius:4px;font-size:14px}.form-select{padding:.57rem!important}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.field-master-select-toggle.disabled,.field-master-select-toggle:disabled,.form-input:disabled{background-color:#efefef4d}.card-body-no-padding{padding:0}.remove-btn-no-flex{flex:0 1}.add-btn-no-margin{margin-top:0}.checkbox-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.field-submit-button-container{display:flex;gap:10px;justify-content:center}.field-submit-button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s;width:100px}.field-submit-button:hover{background-color:#1d4ed8}.dropdown-label{color:#9ca3af}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.field-master-select-wrapper{display:inline-block;font-family:inherit;max-width:100%;position:relative;width:100%}.field-master-select-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:#f9fafc;border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;color:#2d3748;cursor:pointer;display:flex;font-size:14px;gap:8px;height:auto;justify-content:space-between;padding:.57rem;transition:border-color .2s ease;width:100%}.field-master-select-toggle:hover{border-color:#cbd5e1}.field-master-select-toggle:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.field-master-select-toggle.placeholder{color:#94a3b8}.field-master-select-value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.field-master-select-value.placeholder{color:#94a3b8}.field-master-select-caret{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;height:12px;width:12px}.field-master-select-list{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 4px #0000001a;left:0;list-style:none;margin:4px 0 0;max-height:200px;opacity:0;overflow:hidden;padding:4px;pointer-events:none;position:absolute;right:0;transition:opacity .2s ease;z-index:99999}.field-master-select-list.visible{opacity:1;pointer-events:auto}.field-master-select-list.open-down{top:100%}.field-master-select-list.open-up{bottom:100%}.field-master-select-option{border-radius:2px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.field-master-select-option+.field-master-select-option{margin-top:2px}.field-master-select-option:hover{background:#f3f4f6}.field-master-select-option.selected{background:#0000;color:#374151}@media (max-width:768px){.field-master-container{padding:10px}.checkbox-grid,.form-grid{grid-template-columns:1fr}.field-submit-button-container{flex-direction:column;gap:10px}.field-submit-button-container .btn{width:100%}.data-row{align-items:stretch}.row-inputs{gap:8px}.row-inputs.checkbox-row{align-items:center;flex-direction:row;gap:8px}.pickup-data-container{margin-bottom:12px;padding:12px}.data-row{margin-bottom:8px;padding:10px}.data-row,.row-inputs{display:flex;flex-direction:column;gap:10px}.row-inputs{width:100%}.row-inputs input,.row-inputs select{box-sizing:border-box;font-size:12px;min-width:0;padding:10px 12px;width:100%}.fields-section{margin-top:12px;padding:8px}.fields-section,.fields-section .data-row{box-sizing:border-box;max-width:100%;width:100%}.fields-section .row-inputs{flex-direction:column;gap:8px}.fields-section .row-inputs input,.fields-section .row-inputs select{box-sizing:border-box;font-size:12px;min-width:0;padding:12px 2px;width:100%}.add-btn,.remove-btn{align-self:flex-start;font-size:14px;padding:8px 37px}.checkbox-wrapper{align-items:center;display:flex;flex:1 1;gap:8px;margin:0}.checkbox-wrapper .checkbox-label{margin:0;order:2;white-space:nowrap}.checkbox-wrapper input[type=checkbox]{order:1}.field-master-select-list{left:8px;max-height:calc(100vh - 120px);right:8px}.field-master-select-list.open-up{bottom:calc(100% + 4px)}}@media (max-width:378px){.field-master-container{padding:8px}.field-master-card{padding:15px}.card-title{font-size:1.25rem}.form-input,.form-select{font-size:16px}.checkbox-label{font-size:.875rem}.pickup-data-container{padding:10px}.data-row{gap:8px;padding:8px}.row-inputs{gap:8px}.row-inputs input,.row-inputs select{font-size:12px;min-width:0;padding:10px 12px}.fields-section{padding:2px}.fields-section,.fields-section .data-row{box-sizing:border-box;max-width:100%;width:100%}.fields-section .row-inputs{flex-direction:column;gap:8px}.fields-section .row-inputs input,.fields-section .row-inputs select{box-sizing:border-box;font-size:10x;min-width:0;padding:12px -50px;width:100%}.add-btn,.remove-btn{font-size:12px;padding:6px 35px}.checkbox-wrapper{align-items:center;display:flex;flex:1 1;gap:6px;margin:0}.checkbox-wrapper .checkbox-label{margin:0;order:2;white-space:nowrap}.checkbox-wrapper input[type=checkbox]{order:1}.field-master-select-list{left:4px;max-height:calc(100vh - 100px);right:4px}}.field-master-container{margin:0 auto;max-width:96%;padding:1rem}.field-master-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-height:200px;padding:1rem}.card-title{font-size:1.5rem;font-weight:700}.field-master-form{display:flex;flex-direction:column;gap:20px}.field-master-section-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.field-master-button{align-items:center;background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.field-master-button:hover{background-color:#2980b9}.field-master-button-primary{background:#3b82f6;color:#fff}.field-master-button-primary:hover{background:#2563eb}.field-master-button-secondary{background:#f59e0b;color:#fff}.field-master-button-secondary:hover{background:#d97706}.field-master-management-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.field-master-management-table{border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;width:100%}.field-master-management-table-header{background-color:#f1f3f5}.field-master-header-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.field-master-management-table tbody tr:hover{background-color:#f8fafc;transition:background-color .2s ease}.field-master-management-table-header th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.field-master-management-table-cell{border-bottom:1px solid #e2e8f0;color:#334155;font-size:.875rem;padding:.75rem 1rem}.field-master-management-button-secondary{background-color:#f1c40f!important;color:#fff}.cancel-button{background-color:#c1c0bf!important;color:#fff}.no-data-message{background-color:#e9ecef;font-weight:700;min-height:100px}.no-data-message,.pagination{align-items:center;display:flex;justify-content:center}.pagination{gap:8px;list-style:none;margin-block-end:.5em;padding:16px 16px 0}.pagination-box{border:1px solid #ccc;border-radius:4px}.pagination-link{align-items:center;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:17px;font-weight:500;height:26px;justify-content:center;min-width:14px;padding:6px 12px;text-decoration:none;transition:all .2s ease-in-out}.pagination-active{background-color:#f1c40f;border:1px solid#f1c40f}.pagination-active .pagination-link{color:#fff}.pagination-box:hover:not(.pagination-active):not(.pagination-disabled){background-color:#f0f0f0;cursor:pointer}.table-filters{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.filter-dropdown-container{min-width:200px;position:relative}.filter-dropdown-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.filter-dropdown-button:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.filter-dropdown-options{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:.25rem;position:absolute;right:0;top:100%;z-index:10}.filter-dropdown-option{color:#334155;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:background-color .2s}.filter-dropdown-option:hover{background-color:#f8fafc}.search-container:focus-within{box-shadow:0 0 0 3px #3b82f61a}.search-input{background:#0000;border:none;color:#334155;font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;width:100%}.search-input:focus{outline:none}.search-icon{cursor:pointer;height:18px;opacity:.6;position:absolute;right:1rem;transition:opacity .2s ease;width:18px}.search-icon:hover{opacity:1}.search-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;max-width:400px;position:relative;transition:all .2s ease}.search-container:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.search-container:focus-within{border-color:#3b82f6}.field-no-data-message{background-color:initial!important;color:#334155;font-size:.875rem;font-weight:700;height:100px;padding:.75rem 1rem;text-align:center}.action-buttons{align-items:center;display:flex;gap:8px}.field-master-management-button-danger{background-color:#dc3545!important;border:1px solid #dc3545!important;color:#fff!important}.field-master-management-button-danger:hover{background-color:#c82333!important;border-color:#bd2130!important}.field-master-management-button-danger:disabled{background-color:#6c757d!important;border-color:#6c757d!important;cursor:not-allowed!important}.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:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e9ecef;padding:20px 24px 0}.modal-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 16px}.modal-body{padding:20px 24px}.modal-body p{color:#666;line-height:1.5;margin:0 0 16px}.delete-item-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin:16px 0;padding:12px}.delete-item-info p{font-size:.9rem;margin:0 0 8px}.delete-item-info p:last-child{margin-bottom:0}.warning-text{color:#dc3545!important;font-weight:500;margin-top:16px!important}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.modal-footer button{min-width:80px}@media (max-width:768px){.field-master-container{max-width:100%;padding:.5rem}.field-master-header-wrapper{align-items:stretch;flex-direction:column;gap:1rem}.field-master-header-wrapper h2{font-size:1.25rem;text-align:center}.field-master-button{font-size:.9rem;padding:.75rem 1rem;width:100%}.field-master-card{min-height:auto;padding:.75rem}.field-master-section-title{font-size:1.1rem;margin-bottom:.75rem}.table-filters{flex-direction:column;gap:.75rem;padding:.75rem}.filter-dropdown-container{width:100%}.filter-dropdown-button{font-size:.85rem;min-height:36px;padding:.5rem .75rem}.search-container{min-height:36px;width:100%}.search-input{font-size:.85rem;padding:.5rem 2rem .5rem .75rem}.field-master-management-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.field-master-management-table{min-width:600px}.field-master-management-table td:nth-child(3),.field-master-management-table th:nth-child(3){display:none}.field-master-management-table-cell,.field-master-management-table-header th{font-size:.8rem;padding:.5rem .75rem}.action-buttons{flex-direction:column;gap:4px;min-width:80px}.action-buttons button{font-size:.75rem;padding:.4rem .6rem;width:100%}.pagination{flex-wrap:wrap;gap:4px;justify-content:center;padding:12px 4px 0}.pagination-box{border-radius:4px}.pagination-link{font-size:13px;height:22px;min-width:12px;padding:4px 8px}.pagination-active{background-color:#f1c40f;border-color:#f1c40f}.modal-content{margin:10px;max-height:95vh;width:calc(100% - 20px)}.modal-header{padding:16px 20px 0}.modal-header h3{font-size:1.1rem}.modal-body{padding:16px 20px}.modal-body p{font-size:.9rem}.delete-item-info{padding:10px}.delete-item-info p{font-size:.85rem}.modal-footer{flex-direction:column;gap:8px;padding:0 20px 20px}.modal-footer button{padding:.75rem 1rem;width:100%}}@media (max-width:480px){.field-master-container{padding:.25rem}.field-master-card{padding:.5rem}.field-master-header-wrapper h2{font-size:1.1rem}.field-master-section-title{font-size:1rem}.table-filters{padding:.5rem}.field-master-management-table-cell,.field-master-management-table-header th{font-size:.75rem;padding:.4rem .5rem}.action-buttons button{font-size:.7rem;padding:.3rem .5rem}.pagination-link{font-size:12px;padding:3px 6px}.modal-content{margin:5px;width:calc(100% - 10px)}.modal-header{padding:12px 16px 0}.modal-body{padding:12px 16px}.modal-footer{padding:0 16px 16px}}@media (max-width:768px){.field-master-button,.filter-dropdown-button,.search-input{min-height:44px}.pagination-link{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}.action-buttons button{min-height:36px}.field-master-management-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.field-master-management-table-wrapper::-webkit-scrollbar{height:6px}.field-master-management-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.field-master-management-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.field-master-management-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}@media (max-width:768px) and (orientation:landscape){.field-master-container{padding:.5rem}.field-master-card{padding:.75rem}.table-filters{flex-direction:row;flex-wrap:wrap;gap:.5rem}.filter-dropdown-container{flex:1 1;min-width:150px}.search-container{flex:1 1;min-width:200px}}@media (max-width:378px){.card-title{font-size:.1rem;font-weight:700}}@media (max-width:768px){.card-title{font-size:1rem;font-weight:700}.field-master-management-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.field-master-management-table-filters{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:2}.field-master-management-table{min-width:600px;width:100%}}@media screen and (max-width:768px){.table-filters{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:6px;justify-content:space-between;padding:4px 10px;position:sticky;top:0;z-index:2}.filter-dropdown-container{flex:0.8 1}.filter-dropdown-button{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:12px;height:28px;padding:0 8px}.search-container{align-items:center;display:flex;flex:1.2 1;position:relative}.search-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:12px;height:28px;padding:0 26px 0 8px;width:100%}.search-icon{cursor:pointer;height:14px;position:absolute;right:8px;width:14px}}.sidebar{background:linear-gradient(180deg,var(--primary-color) 0,#2c5a8c 100%);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:fixed;transition:width .3s ease;z-index:1000}.sidebar:before{background:radial-gradient(circle,#ffffff1f 0,#0000 70%);right:-10%;top:-20%}.sidebar:after,.sidebar:before{content:"";height:60%;pointer-events:none;position:absolute;width:60%;z-index:0}.sidebar:after{background:radial-gradient(circle,#ffffff14 0,#0000 70%);bottom:-30%;left:-10%}.sidebar.expanded{width:260px}.sidebar.collapsed{width:72px}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1rem .75rem;position:relative;z-index:1}.brand-container,.sidebar-header{align-items:center;display:flex;overflow:visible}.brand-container{gap:.5rem;min-width:0}.sidebar-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;height:28px;justify-content:center;min-width:28px;width:28px}.brand-text{display:flex;flex-direction:column}.sidebar-title{color:var(--text-inverse);font-size:1.125rem;font-weight:700;letter-spacing:.5px;white-space:nowrap}.sidebar-tagline{color:#fff9;font-size:.625rem;letter-spacing:1px;text-transform:uppercase}.toggle-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:var(--text-inverse);cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;transition:var(--transition);width:28px}.toggle-button:hover{background:#fff3}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem .75rem;position:relative;z-index:1}.nav-section-label{color:#fff6;font-size:.625rem;font-weight:600;letter-spacing:1.5px;margin-bottom:.5rem;padding:.5rem .75rem;text-transform:uppercase}.nav-divider{background:#ffffff1a;height:1px;margin:1rem 0}.nav-links{display:flex;flex-direction:column;gap:.25rem}.nav-link{align-items:center;border-radius:var(--border-radius);color:#ffffffb3;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:var(--transition);white-space:nowrap}.nav-link:hover{background:#ffffff1a;color:var(--text-inverse)}.nav-link.active{background:#ffffff2e;box-shadow:inset 0 0 0 1px #fff3;color:var(--text-inverse)}.nav-link.active:before{background:var(--accent-color);border-radius:0 3px 3px 0;bottom:10%;content:"";left:0;position:absolute;top:10%;width:3px}.nav-link.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.nav-icon{align-items:center;background:#ffffff1f;border-radius:10px;display:flex;font-size:1.125rem;height:32px;justify-content:center;min-width:32px;width:32px}.nav-label{flex:1 1}.coming-soon{background:var(--accent-color);border-radius:9999px;color:var(--text-inverse);font-size:.625rem;font-weight:600;padding:.125rem .5rem;text-transform:uppercase}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem;position:relative;z-index:1}.system-status{background:#ffffff0d;border-radius:var(--border-radius);margin-bottom:.75rem;padding:.75rem}.status-row{align-items:center;display:flex;gap:.5rem}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.online{animation:pulse 2s infinite;background:var(--production-active);box-shadow:0 0 8px var(--production-active)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-label{color:#ffffffb3;font-size:.75rem}.logout-button{align-items:center;background:#0000;border:1px solid #dc262680;border-radius:var(--border-radius);color:#fca5a5;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:var(--transition);width:100%}.logout-button:hover{background:#dc262633;border-color:#dc2626;color:#fecaca}.logout-icon{font-size:1rem}.logout-text{white-space:nowrap}.main-content{background-color:var(--background-color);flex:1 1;padding:1.5rem}.sidebar.collapsed .sidebar-header{justify-content:center;padding:1rem .75rem}.sidebar.collapsed .brand-container{justify-content:center}.sidebar.collapsed .nav-section-label{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-link.active{border-bottom:2px solid var(--accent-color);border-left:none;margin-left:0;padding-left:.75rem}.sidebar.collapsed .coming-soon,.sidebar.collapsed .nav-link.active:before{display:none}.sidebar.collapsed .logout-button{padding:.75rem}@media (max-width:768px){body,html{height:100%!important;overflow-x:hidden!important;position:relative!important}.layout,.sidebar{height:100vh!important;overflow:hidden!important}.sidebar{box-shadow:2px 0 8px #0000001a!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;left:0!important;position:fixed!important;top:0!important;width:80px!important;z-index:1000!important}.sidebar:after,.sidebar:before{display:none!important}.sidebar-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff1a;box-shadow:none;flex-direction:column;justify-content:center;min-height:60px;padding:.75rem .5rem;text-align:center}.brand-container{flex-direction:column;overflow:visible}.brand-text{align-items:center;display:flex;overflow:visible}.sidebar-title{display:block;font-size:.55rem;font-weight:600;line-height:1.2;margin-top:3px;max-width:68px;overflow:visible;text-align:center;text-overflow:clip;white-space:normal;word-break:break-word}.sidebar-tagline{display:none}.sidebar-icon{display:block;font-size:1.25rem}.sidebar-nav{flex:1 1;min-height:0;overflow:hidden;padding:.5rem .25rem}.nav-divider,.nav-section-label{display:none}.nav-links{display:flex;gap:.5rem}.nav-link,.nav-links{flex-direction:column}.nav-link{align-items:center;gap:.25rem;justify-content:center;min-height:50px;padding:.5rem .25rem;text-align:center}.nav-icon{font-size:1.25rem;margin-bottom:.125rem}.nav-label{display:none}.nav-link.active{border-bottom:2px solid var(--accent-color);border-left:none;margin-left:0;padding-left:.25rem}.sidebar-footer{box-sizing:border-box;flex-shrink:0;margin-top:auto;padding:.5rem .25rem;width:100%}.system-status{display:none}.logout-button{align-items:center;display:flex;flex-direction:column;font-size:.5rem;gap:.25rem;justify-content:center;min-height:50px;padding:.5rem .25rem}.logout-icon{font-size:1.25rem}.logout-text{display:none}.main-content{height:100vh!important;margin-left:80px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1rem}.toggle-button{display:none!important}}@media (max-width:480px){.sidebar{width:70px!important}.sidebar:after,.sidebar:before{display:none!important}.sidebar-header{min-height:50px;padding:.5rem .25rem}.sidebar-title{font-size:.45rem;max-width:58px}.sidebar-icon{font-size:1rem}.sidebar-nav{padding:.25rem}.nav-link{min-height:45px;padding:.375rem .25rem}.nav-icon{font-size:1rem}.nav-label{font-size:.4rem}.logout-button,.sidebar-footer{padding:.375rem .25rem}.logout-button{min-height:45px}.logout-icon{font-size:1rem}.logout-text{font-size:.4rem}.main-content{margin-left:70px!important;padding:.75rem}}@media (max-width:380px){.sidebar{width:58px!important}.sidebar-title{font-size:.4rem;max-width:48px}.logout-icon,.nav-icon,.sidebar-icon{font-size:.9rem}.logout-button,.nav-link{min-height:40px}.main-content{margin-left:58px!important;padding:.625rem}}.layout{display:flex}.layout,.main-content{background:var(--background-color);min-height:100vh}.main-content{flex-grow:1;transition:margin-left .3s ease}.main-content.sidebar-expanded{margin-left:260px}.main-content.sidebar-collapsed{margin-left:72px}@media (max-width:768px){.main-content{margin-left:80px!important}}@media (max-width:480px){.main-content{margin-left:70px!important}}:root{--primary-color:#4a90d9;--primary-hover:#3a7bc8;--primary-light:#6ba3e0;--secondary-color:#5a6c7d;--accent-color:#5bb5e0;--accent-hover:#4aa5d0;--danger-color:#dc2626;--danger-light:#fecaca;--success-color:#059669;--success-light:#d1fae5;--warning-color:#d97706;--warning-light:#fef3c7;--info-color:#0284c7;--info-light:#e0f2fe;--background-color:#f1f5f9;--background-dark:#e2e8f0;--card-background:#fff;--card-elevated:#fff;--border-color:#cbd5e1;--border-light:#e2e8f0;--divider-color:#94a3b8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#94a3b8;--text-inverse:#fff;--production-active:#22c55e;--production-idle:#facc15;--production-stopped:#ef4444;--equipment-online:#10b981;--equipment-maintenance:#f59e0b;--equipment-offline:#6b7280;--metric-blue:#3b82f6;--metric-green:#10b981;--metric-orange:#f97316;--metric-purple:#8b5cf6;--metric-teal:#14b8a6;--metric-rose:#f43f5e;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--border-radius-sm:0.375rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--transition:all 0.2s ease-in-out;--transition-fast:all 0.15s ease-in-out;--transition-slow:all 0.3s ease-in-out}@font-face{font-family:PoppinsBold;src:url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf) format("truetype")}@font-face{font-family:PoppinsSemiBold;src:url(/static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf) format("truetype")}@font-face{font-family:Poppins;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("truetype")}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;line-height:1.6;margin:0;padding:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3;margin:0}p{margin:0}a{color:var(--accent-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-hover)}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.toast-message-error,.toast-message-success{align-items:center;animation:slideDown .3s ease-out;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);color:#fff;display:flex;font-family:Poppins;font-size:14px;gap:8px;height:fit-content;justify-content:center;left:50%;margin-left:auto;margin-right:auto;margin-top:20px;max-width:400px;padding:12px 20px;position:fixed;text-align:center;top:0;transform:translateX(-50%);width:auto;z-index:9999}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.toast-message-error{background:linear-gradient(135deg,var(--danger-color) 0,#b91c1c 100%)}.toast-message-success{background:linear-gradient(135deg,var(--success-color) 0,#047857 100%)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--background-color);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}::selection{background:var(--accent-color);color:var(--text-inverse)}.loading-container{align-items:center;background:var(--background-color);display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--background-color)}.bg-card{background-color:var(--card-background)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}
/*# sourceMappingURL=main.653cede8.css.map*/