@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{width:100%;height:100%;margin:0;padding:0}#root{width:100%;height:100%}:root{--sidebar-bg: #ffffff;--sidebar-border: #f0f4f8;--text-primary: #1b5127;--text-secondary: #375f42;--text-tertiary: #3c8756;--primary-color: #1d9629;--primary-light: rgba(133, 182, 59, .15);--primary-hover: #1d9629;--accent-color: #1d9629;--hover-bg: rgba(178, 181, 174, .08);--hover-bg-strong: rgba(130, 132, 124, .12);--transition-speed: .3s;--shadow: 0 4px 20px rgba(0, 0, 0, .184);--radius: 12px;--radius-sm: 8px}.sidebar{width:280px;background-color:var(--sidebar-bg);color:var(--text-primary);transition:all var(--transition-speed) ease;display:flex;flex-direction:column;height:170vh;border-right:1px solid var(--sidebar-border);position:relative;font-family:Inter,sans-serif;box-shadow:var(--shadow);overflow:hidden}.sidebar.closed{width:80px;align-items:center}.sidebar-header{padding:24px 0 16px;border-bottom:1px solid var(--sidebar-border);margin:0 16px}.header-content{display:flex;justify-content:space-between;align-items:center}.sidebar-header h5{font-size:13px;color:var(--text-secondary);margin-left:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sidebar.closed .sidebar-header h5{opacity:0;width:0;height:0;overflow:hidden}.sidebar-toggle{background:var(--primary-color);border:none;color:#fff;cursor:pointer;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-right:20px;transition:all .2s ease;box-shadow:0 2px 8px #85b63b4d;font-size:16px}.sidebar-toggle:hover{background:var(--primary-hover);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #3c875666}.sidebar-nav{flex:1;padding:24px 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:4px}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin:2px 0;position:relative}.sidebar-link{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:12px 20px;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);margin:0 16px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;text-align:left;position:relative;overflow:hidden}.sidebar-link:before,.submenu-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:5px;background:var(--primary-color);opacity:0;transition:opacity .2s ease}.sidebar-link:hover,.submenu-link:hover{background-color:var(--hover-bg-strong);color:var(--primary-hover);transform:translate(4px)}.sidebar-link:hover:before,.submenu-link:hover:before{opacity:1}.sidebar-link:hover .sidebar-icon,.submenu-link:hover .submenu-icon{transform:scale(1.15);color:var(--primary-hover)}.end-icon{margin-left:auto;color:var(--text-tertiary);transition:transform .2s ease}.sidebar-link.submenu-open .end-icon{transform:rotate(180deg);color:var(--primary-color)}.sidebar-icon{display:flex;align-items:center;justify-content:center;min-width:24px;transition:all .2s ease;color:var(--text-secondary)}.sidebar-text{white-space:nowrap;transition:opacity .2s ease}.sidebar.closed .sidebar-text{opacity:0;width:0;height:0;display:none}.sidebar-link.active,.submenu-link.active{background-color:var(--primary-light);color:var(--primary-color)!important;font-weight:600;border-radius:var(--radius-sm)}.sidebar-link.active:before,.submenu-link.active:before{opacity:1}.sidebar-link.active .sidebar-icon,.submenu-link.active .submenu-icon{color:var(--primary-color)}.submenu{list-style:none;padding-left:25px;margin:4px 0 8px;border-left:1px dashed var(--sidebar-border);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submenu-link{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:12px 33px;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);margin:0 16px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;text-align:left;position:relative;overflow:hidden}.submenu-icon{display:flex;align-items:center;justify-content:center;min-width:20px;color:var(--text-tertiary);transition:all .2s ease}.sidebar-footer{padding:20px;border-top:1px solid var(--sidebar-border);display:flex;justify-content:center}.brand-mark{width:40px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;opacity:.7}@media (max-width: 768px){.sidebar{position:fixed;height:100%;z-index:1000;box-shadow:0 0 40px #00000026}.sidebar.closed{width:70px;overflow:hidden}.sidebar.open{width:250px}.sidebar-link:before,.submenu-link:after{width:4px}}.topbar{background-color:#fff;height:85px;padding:0 15px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;overflow:visible}.topbar:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(135deg,#d4e157,#99ca4f);pointer-events:none}.topbar-content{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.topbar-left{display:flex;align-items:center}.logo{height:110px;width:auto;margin-left:2px}.topbar-right{display:flex;align-items:center;gap:12px}.user-info{color:#4b5563;font-size:13px}.avatar{background-color:#85b63b;color:#fff;font-weight:700;font-size:20px;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.icon-btn{background:none;border:none;cursor:pointer;color:#464d58;padding:6px;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:#f3f4f6}.version-badge{color:#383838;padding:4px 8px;margin-top:23px;border-radius:6px;font-size:1rem;font-weight:500;letter-spacing:.5px}.layout{display:flex;flex-direction:column;min-height:100vh;width:100%}.content-wrapper{display:flex;flex:1}.page-content{flex:1;padding:20px;background-color:#fff;box-sizing:border-box}.dashboard-container{padding:15px;background-color:#fff;min-height:auto}.dashboard-header{text-align:center;margin-bottom:20px}.dashboard-header h1{color:#2c3e50;margin-bottom:5px;font-size:2rem}.dashboard-header p{color:#7f8c8d;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:15px}.stat-card{background:#fff;padding:15px;border-radius:10px;box-shadow:0 3px 10px #00000014;transition:transform .3s ease}.stat-card:hover{transform:translateY(-3px)}.stat-content{display:flex;align-items:center;gap:10px}.stat-text h3{margin:0 0 3px;color:#2c3e50;font-size:1rem}.stat-value{font-size:1.8rem;font-weight:700;color:#2c3e50;margin:3px 0}.stat-description{color:#7f8c8d;font-size:.8rem}.dashboard-content{display:grid;grid-template-columns:2fr 1fr;gap:20px}.chart-container{background:#fff;padding:10px;border-radius:10px;box-shadow:0 3px 10px #00000014}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header h2{margin:0;color:#2c3e50;font-size:1.3rem}.chart-wrapper{padding:10px 0}.chart-bars{display:flex;justify-content:space-around;align-items:flex-end;height:150px;gap:6px}.chart-bar-container{display:flex;flex-direction:column;align-items:center;gap:6px}.chart-bar{width:25px;border-radius:4px 4px 0 0;position:relative;transition:height .3s ease;display:flex;justify-content:center}.bar-value{position:absolute;top:-18px;font-weight:700;color:#2c3e50;font-size:.8rem}.bar-label{font-size:.8rem;color:#7f8c8d;font-weight:500}.menu-container{background:#fff;padding:15px;border-radius:10px;box-shadow:0 3px 10px #00000014}.menu-grid{display:grid;grid-template-columns:1fr;gap:8px}.menu-item{background:none;border:none;padding:8px;text-align:left;cursor:pointer;transition:all .3s ease;border-radius:4px;display:flex;align-items:center;gap:8px}.menu-item:hover{background-color:#f8f9fa;transform:translate(3px)}.menu-title{font-weight:500;color:#2c3e50;font-size:.95rem}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 768px){.stat-content{flex-direction:column;text-align:center;gap:10px}.chart-bars{height:120px}.chart-bar{width:20px}}.dashboard-main{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}.charts-column{display:flex;flex-direction:column;gap:20px}.menu-column{padding-top:20px;padding-left:20px;display:flex;flex-direction:column;gap:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.registro-usuarios-container{padding:24px;background:linear-gradient(135deg,#fff 0% 100%);min-height:100vh}.registro-usuarios-header{margin-bottom:32px;background:#fff;padding:24px;border-radius:16px}.registro-usuarios-title{color:var(--text-primary);font-weight:700!important;font-size:2rem!important;margin:0}.lista-usuarios-title{color:var(--text-primary)!important;font-weight:600!important;font-size:1.5rem!important;margin-top:27px!important;margin-bottom:17px!important;padding-left:8px}.header-divider{margin:16px 0;background-color:var(--accent-color)}.registro-usuarios-add-button{margin-bottom:24px;display:flex;justify-content:flex-end}.primary-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);color:#fff!important;border-radius:12px!important;padding:12px 28px!important;font-weight:600!important;text-transform:none!important;font-size:1rem!important;box-shadow:var(--shadow-medium)!important;transition:all .3s ease!important}.primary-button:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%)!important;transform:translateY(-2px);box-shadow:0 6px 24px #1976d240!important}.planta-chip.activo,.planta-chip.inactivo{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%)!important;color:#fff!important;font-weight:600!important;font-size:.9rem!important;padding:4px 12px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.registro-usuarios-table-head{background:#fff!important}.header-cell{color:var(--text-primary)!important;font-weight:600!important;font-size:1rem;padding:20px 16px;border-bottom:2px solid var(--primary-color)!important;background:#fff!important}.registro-usuarios-table-cell{padding:16px;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.usuario-name-cell{display:flex;align-items:center;gap:12px}.usuario-avatar{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%);font-weight:600}.permisos-container,.plantas-container{display:flex;flex-wrap:wrap;gap:6px}.permiso-chip{background:var(--info-light)!important;color:var(--primary-color)!important;border-color:var(--primary-light)!important;font-weight:500;font-size:.75rem!important}.planta-chip{background:var(--success-light)!important;color:#2e7d32!important;border-color:#4caf50!important;font-weight:500;font-size:.87rem!important}.estado-chip{cursor:none;font-weight:600}.delete-button:hover{background-color:#f443361a!important;transform:scale(1.1)}.usuario-form-dialog .MuiPaper-root{border-radius:16px;box-shadow:var(--shadow-medium)}.dialog-title{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%)!important;color:#fff!important;padding:20px 24px!important}.registro-usuarios-dialog-content{padding:24px!important}.form-section-title{color:var(--text-primary)!important;font-weight:600!important;margin-bottom:16px!important;display:flex;align-items:center}.form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color)}.form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color);border-width:2px}.permisos-checkbox-group{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--background-light);border-radius:12px;border:1px solid var(--border-light)}.registro-usuarios-dialog-actions{padding:20px 24px!important;background:var(--background-light);border-top:1px solid var(--border-light)}.submit-button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%)!important;color:#fff!important;border-radius:8px!important;padding:8px 24px!important;text-transform:none!important;font-weight:600!important}.submit-button:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%)!important}@media (max-width: 768px){.registro-usuarios-container{padding:16px}.registro-usuarios-header{padding:20px}.registro-usuarios-title{font-size:1.5rem!important}.lista-usuarios-title{font-size:1.3rem!important}.primary-button{padding:10px 20px!important;font-size:.9rem!important}.usuario-name-cell{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.registro-usuarios-container{padding:12px}.registro-usuarios-header{padding:16px}.registro-usuarios-title{font-size:1.3rem!important}.lista-usuarios-title{font-size:1.1rem!important}.header-content{gap:12px}.permisos-container,.plantas-container{flex-direction:column;align-items:flex-start}}.registro-plantas-container{padding:24px;background:linear-gradient(135deg,#fff 0% 100%);min-height:100vh}.registro-plantas-header{margin-bottom:32px;background:#fff;padding:24px;border-radius:16px}.registro-plantas-title{color:var(--text-primary);font-weight:700!important;font-size:2rem!important;margin:0}.lista-plantas-title{color:var(--text-primary)!important;font-weight:600!important;font-size:1.5rem!important;margin-bottom:16px!important;padding-left:8px}.registro-plantas-add-button{margin-bottom:24px;display:flex;justify-content:flex-end}.registro-plantas-table-head,.registro-plantas-table-head .MuiTableRow-head{background:#fff!important}.registro-plantas-table-cell{padding:16px;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.plant-name-cell{display:flex;align-items:center;gap:12px}.plant-icon{color:var(--primary-green)!important}.plant-form-dialog .MuiPaper-root{border-radius:16px;box-shadow:var(--shadow-medium);overflow:hidden}.plant-form-dialog .MuiDialogTitle-root{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%)!important;color:#fff!important;padding:20px 24px!important}.plant-form-dialog .MuiDialogTitle-root .dialog-title-content{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:600;color:#fff!important}.plant-form-dialog .MuiDialogTitle-root .MuiSvgIcon-root{color:#fff!important}.registro-plantas-dialog-content{padding:24px!important}.registro-plantas-dialog-actions{padding:20px 24px!important;background:var(--background-light);border-top:1px solid var(--border-light)}@media (max-width: 768px){.registro-plantas-container{padding:16px}.registro-plantas-header{padding:20px}.registro-plantas-title{font-size:1.5rem!important}.lista-plantas-title{font-size:1.3rem!important}.registro-plantas-table-cell{padding:12px 8px;font-size:.9rem}.primary-button{padding:10px 20px!important;font-size:.9rem!important}.pagination-container{flex-direction:column;gap:16px;align-items:center}.plant-form-dialog .MuiDialogTitle-root{padding:16px 20px!important}}@media (max-width: 480px){.registro-plantas-container{padding:12px}.registro-plantas-header{padding:16px}.registro-plantas-title{font-size:1.3rem!important}.lista-plantas-title{font-size:1.1rem!important}.header-content{gap:12px}.registro-plantas-table-cell{padding:8px 6px;font-size:.85rem}.plant-name-cell{flex-direction:column;align-items:flex-start;gap:4px}.elegant-chip{font-size:.8rem!important;padding:2px 8px!important}.plant-form-dialog .MuiDialogTitle-root{padding:14px 16px!important}.plant-form-dialog .MuiDialogTitle-root .dialog-title-content{font-size:1.1rem}}:root{--primary-green: #2e7d32;--primary-green-light: #4caf50;--primary-green-dark: #1b5e20;--secondary-green: #81c784;--accent-green: #a5d6a7;--text-primary: #535e69;--text-secondary: #546e7a;--background-light: #f8f9fa;--border-light: #ebebeb;--success-light: #e8f5e9;--hover-light: #f1f8e9;--shadow-light: 0 2px 12px rgba(72, 72, 72, .1);--shadow-medium: 0 4px 20px rgba(24, 24, 24, .15)}.registro-perfiles-container{padding:24px;background:linear-gradient(135deg,#fff 0% 100%);min-height:100vh;font-family:Inter,sans-serif}.registro-perfiles-header{background:#fff;padding:24px;border-radius:16px}.header-content{display:flex;align-items:left;gap:16px;margin-bottom:12px;justify-content:start}.registro-perfiles-title{color:var(--text-primary);font-weight:700!important;font-size:2rem!important;margin:0}.header-divider{margin:16px 40px;background-color:var(--accent-blue)}.header-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.registro-perfiles-add-button{margin-bottom:24px;display:flex;justify-content:flex-end}.primary-button{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%);color:#fff!important;border-radius:12px!important;padding:12px 28px!important;font-weight:600!important;text-transform:none!important;font-size:1rem!important;box-shadow:var(--shadow-medium)!important;transition:all .3s ease!important}.primary-button:hover{background:linear-gradient(135deg,var(--primary-blue-dark) 0%,var(--primary-blue) 100%)!important;transform:translateY(-2px);box-shadow:0 6px 24px #1976d240!important}.registro-perfiles-table-head{background:#fff;color:#232222}.header-cell{color:#2c2b2b!important;font-weight:600!important;font-size:1rem;padding:20px 16px}.registro-perfiles-table-cell{padding:16px;font-size:.95rem;color:var(--text-primary)}.perfil-name-cell{display:flex;align-items:center;gap:12px}.perfil-icon{color:#4c4848!important}.permisos-container{display:flex;flex-wrap:wrap;gap:6px}.permiso-chip{background:var(--info-light)!important;color:var(--primary-blue)!important;border-color:var(--primary-blue-light)!important;font-weight:500}.edit-button:hover{background-color:#1976d21a!important;transform:scale(1.1)}.permisos-button:hover{background-color:#9c27b01a!important;transform:scale(1.1)}.perfil-form-dialog .MuiPaper-root,.permisos-form-dialog .MuiPaper-root{border-radius:16px;box-shadow:var(--shadow-medium);overflow:hidden}.perfil-form-dialog .MuiDialogTitle-root{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%)!important;color:#fff!important;padding:20px 24px!important}.dialog-title-content{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:600}.registro-perfiles-dialog-content{padding:24px!important}.form-field .MuiOutlinedInput-root{border-radius:12px;transition:all .3s ease}.form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-blue)}.form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-blue);border-width:2px}.permisos-options-container{display:flex;flex-direction:column;gap:12px}.permiso-option{margin-left:0;margin-right:0;padding:8px;border-radius:8px;transition:background-color .2s}.permiso-option:hover{background-color:#f5f5f5}.selected-permisos{padding:12px;background-color:var(--info-light);border-radius:8px;border-left:4px solid var(--primary-blue)}.registro-perfiles-dialog-actions{padding:20px 24px!important;background:var(--background-light);border-top:1px solid var(--border-light)}.cancel-button{color:var(--text-secondary)!important;border-radius:8px!important;padding:8px 20px!important;text-transform:none!important}.submit-button{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-light) 100%)!important;color:#fff!important;border-radius:8px!important;padding:8px 24px!important;text-transform:none!important;font-weight:600!important}.submit-button:hover{background:linear-gradient(135deg,var(--primary-blue-dark) 0%,var(--primary-blue) 100%)!important}@media (max-width: 768px){.registro-perfiles-container{padding:16px}.registro-perfiles-header{padding:20px}.registro-perfiles-title{font-size:1.5rem}.registro-perfiles-table-cell{padding:12px 8px;font-size:.9rem}.primary-button{padding:10px 20px!important;font-size:.9rem!important}.permisos-container{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.registro-perfiles-container{padding:12px}.registro-perfiles-header{padding:16px}.registro-perfiles-title{font-size:1.3rem}.header-content{gap:12px}.registro-perfiles-table-cell{padding:8px 6px;font-size:.85rem}.perfil-name-cell{flex-direction:column;align-items:flex-start;gap:4px;color:#000}.permisos-options-container{gap:8px}.categoria-permisos{margin-bottom:16px;border-radius:8px!important;overflow:hidden;box-shadow:0 2px 8px #0000001a!important}.categoria-permisos:before{display:none}.categoria-header{display:flex;align-items:center;gap:12px}.categoria-title{font-weight:600!important}.subcategoria-permisos{margin-bottom:20px;padding:16px;background-color:#f9f9f9;border-radius:8px}.subcategoria-title{font-weight:600!important;margin-bottom:12px!important;color:#1976d2}.select-all-container{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.permisos-list{display:flex;flex-direction:column;gap:8px}.permiso-option{margin-left:0!important;margin-right:0!important;padding:8px 12px;border-radius:6px;transition:background-color .2s;align-items:flex-start}.permiso-option:hover{background-color:#f0f0f0}.permiso-option .MuiFormControlLabel-label{font-size:.9rem}@media (max-width: 900px){.permisos-form-dialog .MuiDialog-paper,.perfil-form-dialog .MuiDialog-paper{margin:16px;width:calc(100% - 32px)}}@media (max-width: 600px){.categoria-header{flex-direction:column;align-items:flex-start;gap:8px}.subcategoria-permisos{padding:12px}.permiso-option{padding:6px 8px}.permiso-option .MuiFormControlLabel-label{font-size:.85rem}.MuiGrid-item{width:100%}}}:root{--primary-green: #2e7d32;--primary-green-light: #4caf50;--primary-green-dark: #1b5e20;--secondary-green: #81c784;--accent-green: #a5d6a7;--text-primary: #535e69;--text-secondary: #546e7a;--background-light: #f8f9fa;--border-light: #ebebeb;--success-light: #e8f5e9;--hover-light: #f1f8e9;--shadow-light: 0 2px 12px rgba(46, 125, 50, .1);--shadow-medium: 0 4px 20px rgba(46, 125, 50, .15);--red-primary: #d32f2f;--red-light: #de5c53;--nivel-stock-critico: #8d1717;--nivel-stock-critico-light: #cf2828;--nivel-stock-alerta: #cb7c22;--nivel-stock-alerta-light: #cbab53;--nivel-stock-suficiente: #147a19;--nivel-stock-suficiente-light: #4bb550}.registro-areas-container{padding:24px;background:linear-gradient(135deg,#fff 0% 100%);min-height:100vh}.usuario-form-dialog{border-radius:16px;box-shadow:var(--shadow-medium);width:100%;height:95%;align-self:center}.nivel-chip.critico{background:linear-gradient(170deg,var(--nivel-stock-critico) 0%,var(--nivel-stock-critico-light) 100%)!important;color:#fff;font-weight:600;font-size:.9rem;padding:4px 12px;height:28px;border-radius:16px;box-shadow:var(--shadow-light)}.nivel-chip.alerta{background:linear-gradient(170deg,var(--nivel-stock-alerta) 0%,var(--nivel-stock-alerta-light) 100%)!important;color:#fff;font-weight:600;font-size:.9rem;padding:4px 12px;height:28px;border-radius:16px;box-shadow:var(--shadow-light)}.nivel-chip.suficiente{background:linear-gradient(170deg,var(--nivel-stock-suficiente) 0%,var(--nivel-stock-suficiente-light) 100%)!important;color:#fff;font-weight:600;font-size:.9rem;padding:4px 12px;height:28px;border-radius:16px;box-shadow:var(--shadow-light)}.table-row:hover{background-color:var(--hover-light)!important}.area-name-cell{display:flex;align-items:center;gap:12px}:root{--primary-green: #2e7d32;--primary-green-light: #4caf50;--primary-green-dark: #1b5e20;--secondary-green: #81c784;--accent-green: #a5d6a7;--text-primary: #535e69;--text-secondary: #546e7a;--background-light: #f8f9fa;--border-light: #ebebeb;--success-light: #e8f5e9;--hover-light: #f1f8e9;--shadow-light: 0 2px 12px rgba(46, 125, 50, .1);--shadow-medium: 0 4px 20px rgba(46, 125, 50, .15)}.registro-areas-container{padding:24px;background:linear-gradient(135deg,#fff 0% 100%);overflow-y:auto;min-height:40vh}.registro-areas-header{margin-bottom:32px;background:#fff;padding:24px;border-radius:16px}.header-content{display:flex;align-items:center;gap:16px;margin-bottom:12px;justify-content:flex-start}.registro-areas-title{color:var(--text-primary);font-weight:700!important;font-size:2rem!important;margin:0}.lista-areas-title{color:var(--text-primary)!important;font-weight:600!important;font-size:1.5rem!important;margin-bottom:16px!important;padding-left:8px}.header-divider{margin:16px 0;background-color:var(--accent-green)}.header-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;padding:15px 0}.registro-areas-add-button{margin-bottom:24px;display:flex;justify-content:flex-end}.primary-button{background:linear-gradient(135deg,#1d9629 0% 100%)!important;color:#fff!important;border-radius:12px!important;padding:12px 28px!important;font-weight:600!important;text-transform:none!important;font-size:1rem!important;box-shadow:var(--shadow-medium)!important;transition:all .3s ease!important}.elegant-paper{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-medium)!important;border:1px solid var(--border-light)}.registro-areas-table-head,.registro-areas-table-head .MuiTableRow-head{background:#fff!important}.header-cell{color:#1c2e36!important;font-weight:600!important;font-size:1rem;padding:20px 16px;border-bottom:2px solid var(--primary-green)!important;background:#fff!important}.table-row:hover{background-color:var(--hover-light)!important;transition:background-color .2s ease}.registro-areas-table-cell{padding:16px;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.area-name-cell{display:flex;align-items:center;gap:15px}.area-icon{color:#4c4848!important}.elegant-chip{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%)!important;color:#fff!important;font-weight:600!important;font-size:.9rem!important;padding:4px 12px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.mask-chip{border:none!important}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid var(--border-light);background:#fff}.custom-pagination .MuiPaginationItem-root{font-family:Poppins,sans-serif!important;font-weight:500}.custom-pagination .MuiPaginationItem-page.Mui-selected{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%)!important;color:#fff!important;font-weight:600}.custom-pagination .MuiPaginationItem-page:hover{background-color:var(--hover-light)!important}.pagination-info{color:var(--text-secondary);font-size:.9rem;font-weight:500}.area-form-dialog .MuiPaper-root{border-radius:16px;box-shadow:var(--shadow-medium);overflow:hidden}.area-form-dialog .MuiDialogTitle-root{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%)!important;color:#fff!important;padding:20px 24px!important}.area-form-dialog .MuiDialogTitle-root .dialog-title-content{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:600;color:#fff!important}.area-form-dialog .MuiDialogTitle-root .MuiSvgIcon-root{color:#fff!important}.registro-areas-dialog-content{padding:24px!important}.form-container{padding:8px 0}.form-field{margin-bottom:20px!important}.form-field .MuiOutlinedInput-root{border-radius:12px;transition:all .3s ease;font-family:Poppins,sans-serif!important}.form-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-green)}.form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-green);border-width:2px}.registro-areas-dialog-actions{padding:20px 24px!important;background:var(--background-light);border-top:1px solid var(--border-light)}.cancel-button{color:var(--text-secondary)!important;border-radius:8px!important;padding:8px 20px!important;text-transform:none!important;font-family:Poppins,sans-serif!important}.submit-button{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%)!important;color:#fff!important;border-radius:8px!important;padding:8px 24px!important;text-transform:none!important;font-weight:600!important;font-family:Poppins,sans-serif!important}.submit-button:hover{background:linear-gradient(135deg,var(--primary-green-dark) 0%,var(--primary-green) 100%)!important}.action-button{transition:all .3s ease!important}.edit-button:hover{background-color:#2e7d321a!important;transform:scale(1.1)}.search-field{background-color:#fbfbfb!important;border-radius:12px!important}.search-field .MuiOutlinedInput-root{border-radius:12px!important}@media (max-width: 768px){.registro-areas-container{padding:16px}.registro-areas-header{padding:20px}.registro-areas-title{font-size:1.5rem!important}.lista-areas-title{font-size:1.3rem!important}.registro-areas-table-cell{padding:16px;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.primary-button{padding:10px 20px!important;font-size:.9rem!important}.pagination-container{flex-direction:column;gap:16px;align-items:center}.area-form-dialog .MuiDialogTitle-root{padding:16px 20px!important}}@media (max-width: 480px){.registro-areas-container{padding:12px}.registro-areas-header{padding:16px}.registro-areas-title{font-size:1.3rem!important}.lista-areas-title{font-size:1.1rem!important}.header-content{gap:12px}.area-name-cell{flex-direction:column;align-items:flex-start;gap:4px}.elegant-chip{font-size:.8rem!important;padding:2px 8px!important}.area-form-dialog .MuiDialogTitle-root{padding:14px 16px!important}.area-form-dialog .MuiDialogTitle-root .dialog-title-content{font-size:1.1rem}}.registro-tipos-container{padding:24px;background:linear-gradient(135deg,#fff 0% 100%);overflow-y:auto;min-height:40vh}.registro-tipos-header{margin-bottom:32px;background:#fff;padding:24px;border-radius:16px}.registro-tipos-title{color:var(--text-primary);font-weight:700!important;font-size:2rem!important;margin:0}.lista-tipos-title{color:var(--text-primary)!important;font-weight:600!important;font-size:1.5rem!important;margin-bottom:16px!important;padding-left:8px}.tipos-table-head,.tipos-table-head .MuiTableRow-head{background:#fff!important}.tipos-header-cell{color:#1c2e36!important;font-weight:600!important;font-size:1rem;padding:20px 16px;border-bottom:2px solid var(--primary-green)!important;background:#fff!important}.tipos-table-cell{padding:16px;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.planta-chip.inactivo{background:linear-gradient(170deg,var(--red-primary) 0%,var(--red-light) 100%)!important;color:#fff!important;font-weight:600!important;font-size:.9rem!important;padding:4px 12px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}:root{--primary-green: #2e7d32;--primary-green-light: #4caf50;--primary-green-dark: #1b5e20;--secondary-green: #81c784;--accent-green: #a5d6a7;--text-primary: #535e69;--text-secondary: #546e7a;--background-light: #f8f9fa;--border-light: #ebebeb;--success-light: #e8f5e9;--hover-light: #f1f8e9;--shadow-light: 0 2px 12px rgba(46, 125, 50, .1);--shadow-medium: 0 4px 20px rgba(46, 125, 50, .15);--red-primary: #d32f2f;--red-light: #de5c53}.planta-chip.ENTRADA{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%)!important;color:#fff!important;font-weight:600!important;font-size:.9rem!important;padding:4px 12px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.planta-chip.SALIDA{background:linear-gradient(170deg,var(--red-primary) 0%,var(--red-light) 100%)!important;color:#fff!important;font-weight:600!important;font-size:.9rem!important;padding:4px 12px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}:root{--primary-green: #2e7d32;--primary-green-light: #4caf50;--primary-green-dark: #1b5e20;--secondary-green: #81c784;--accent-green: #a5d6a7;--text-primary: #535e69;--text-secondary: #546e7a;--background-light: #f8f9fa;--border-light: #ebebeb;--success-light: #e8f5e9;--hover-light: #f1f8e9;--shadow-light: 0 2px 12px rgba(46, 125, 50, .1);--shadow-medium: 0 4px 20px rgba(46, 125, 50, .15);--gray-primary: #4a4a4a;--gray-light: #919191;--red-primary: #d32f2f;--red-light: #de5c53}.planta-chip.activo{background:linear-gradient(135deg,var(--primary-green) 0%,var(--primary-green-light) 100%)!important;color:#fff!important;font-weight:600!important;font-size:.9rem!important;padding:4px 12px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.planta-chip.pendiente{background:linear-gradient(170deg,var(--gray-primary) 0%,var(--gray-light) 100%)!important;color:#fff!important;font-weight:600!important;font-size:.9rem!important;padding:4px 12px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.planta-chip.reemplazo{background:linear-gradient(170deg,var(--red-primary) 0%,var(--red-light) 100%)!important;color:#fff!important;font-weight:600!important;font-size:.9rem!important;padding:4px 12px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip{font-weight:600;font-size:.85rem;padding:4px 12px;height:28px;border-radius:16px;color:#fff;box-shadow:0 2px 12px #0000001a;text-transform:uppercase}.estado-chip.Pendiente{background:linear-gradient(135deg,#ec722b,#cc7a2d);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Sinasignar{background:linear-gradient(135deg,#696969,#969696);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Aprobada{background:linear-gradient(135deg,#38a03b,#448a47);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Rechazada{background:linear-gradient(135deg,#bb2525,#ad5150);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Cancelada{background:linear-gradient(135deg,#bb2525,#b84543);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Enreposo{background:linear-gradient(135deg,#277196,#2f84af);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Liberada{background:linear-gradient(135deg,#673299,#7a419b);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Finalizada{background:linear-gradient(135deg,#297c6e,#3d8d89);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Enproceso{background:linear-gradient(135deg,#43adc0,#43b6ca);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Revisada{background:linear-gradient(135deg,#388e3c,#66bb6a);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Sinrevisar{background:linear-gradient(135deg,#ff9800,#ffb74d);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Sinresolver{background:linear-gradient(135deg,#997061,#66534b);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Resuelta{background:linear-gradient(135deg,#4caf50,#81c784);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Media{background:linear-gradient(135deg,#bdb041,#949636);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Alta{background:linear-gradient(135deg,#9b1c1c,#bd5338);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.Baja{background:linear-gradient(135deg,#4caf50,#43a148);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estado-chip.encargado{background:linear-gradient(135deg,#51a4aa,#3b7d81);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estadistica-chip{color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.estadistica-chip.total{background:linear-gradient(135deg,#312424,#423636);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important;transition:all .3s ease}.estadistica-chip.total:hover{filter:brightness(1.1);box-shadow:0 6px 12px #0003!important;transform:scale(1.05);cursor:pointer}.estadistica-chip.pendiente{background:linear-gradient(135deg,#ec722b,#cc7a2d);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important;transition:all .3s ease}.estadistica-chip.pendiente:hover{filter:brightness(1.1);box-shadow:0 6px 12px #0003!important;transform:scale(1.05);cursor:pointer}.estadistica-chip.enprogreso{background:linear-gradient(135deg,#43adc0,#43b6ca);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important;transition:all .3s ease}.estadistica-chip.enprogreso:hover{filter:brightness(1.1);box-shadow:0 6px 12px #0003!important;transform:scale(1.05);cursor:pointer}.estadistica-chip.sinasignar{background:linear-gradient(135deg,#696969,#969696);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important;transition:all .3s ease}.estadistica-chip.sinasignar:hover{filter:brightness(1.1);box-shadow:0 6px 12px #0003!important;transform:scale(1.05);cursor:pointer}.estadistica-chip.encargado{background:linear-gradient(135deg,#51a4aa,#3b7d81);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important;transition:all .3s ease}.estadistica-chip.encargado:hover{filter:brightness(1.1);box-shadow:0 6px 12px #0003!important;transform:scale(1.05);cursor:pointer}.estadistica-chip.Enreposo{background:linear-gradient(135deg,#277196,#2f84af);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important;transition:all .3s ease}.estadistica-chip.Enreposo:hover{filter:brightness(1.1);box-shadow:0 6px 12px #0003!important;transform:scale(1.05);cursor:pointer}.estadistica-chip.Liberada{background:linear-gradient(135deg,#673299,#7a419b);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important;transition:all .3s ease}.estadistica-chip.Liberada:hover{filter:brightness(1.1);box-shadow:0 6px 12px #0003!important;transform:scale(1.05);cursor:pointer}.estadistica-chip.Sinrevisar{background:linear-gradient(135deg,#d19a02,#c5a334);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important;transition:all .3s ease}.estadistica-chip.Sinrevisar:hover{filter:brightness(1.1);box-shadow:0 6px 12px #0003!important;transform:scale(1.05);cursor:pointer}.estadistica-chip.Sinresolver{background:linear-gradient(135deg,#997061,#66534b);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important;transition:all .3s ease}.estadistica-chip.Sinresolver:hover{filter:brightness(1.1);box-shadow:0 6px 12px #0003!important;transform:scale(1.05);cursor:pointer}.estadistica-chip.Finalizada{background:linear-gradient(135deg,#297c6e,#3d8d89);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important;transition:all .3s ease}.estadistica-chip.Finalizada:hover{filter:brightness(1.1);box-shadow:0 6px 12px #0003!important;transform:scale(1.05);cursor:pointer}*{font-family:Poppins,sans-serif!important}.inspeccion-chip{font-weight:600;font-size:.85rem;padding:4px 12px;height:28px;border-radius:16px;color:#fff;box-shadow:0 2px 12px #0000001a;text-transform:uppercase}.inspeccion-chip.revisada{background:linear-gradient(135deg,#42991a,#4aae31);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.inspeccion-chip.no-revisada{background:linear-gradient(135deg,#bc580b,#da6912);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.inspeccion-chip.con-plagas{background:linear-gradient(135deg,#d79210,#f5a439);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}.inspeccion-chip.sin-plagas{background:linear-gradient(135deg,#29b9b5,#1997c2);color:#fff;font-weight:600!important;font-size:.9rem!important;padding:4px 7px!important;height:28px!important;border-radius:16px!important;box-shadow:var(--shadow-light)!important}