body{margin:0;font-family:Arial,sans-serif}.login-container{position:relative;width:100%;height:100vh;background:url(/Fondo.jpg) center center / cover no-repeat;display:flex;align-items:center;justify-content:center}.login-form{background:#fff9;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #9090901a;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem;text-align:center}.login-title{margin:0;font-size:1.5rem;color:#333}.login-image{width:120px;height:auto;margin:0 auto 1rem}.login-form input[type=email],.login-form input[type=password]{padding:.75rem 1rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.login-form button{padding:.75rem 1rem;font-size:1rem;font-weight:700;color:#fff;background-color:#ff25d3;border:none;border-radius:20px;cursor:pointer;transition:background-color .2s ease}.login-form button:hover{background-color:#333}@media (max-width: 480px){.login-form{padding:1rem;max-width:90%}.login-title{font-size:1.25rem}}.layout{display:flex;transition:margin-left .3s ease}.sidebar-collapsed .main-content{margin-left:0!important}.sidebar{width:240px;background-color:#ffd1ec;height:100vh;position:fixed;top:0;left:0;padding:1.5rem 1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-logo{padding:1rem;text-align:center}.sidebar-logo img{max-width:120px;max-height:120px;width:auto;height:auto;display:inline-block}.sidebar-title{font-family:Arial,sans-serif;font-size:1rem;font-weight:700;margin-bottom:1rem;width:100%;text-align:left;color:#333}.sidebar nav{width:100%;flex:1;overflow-y:auto}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:.75rem;width:100%}.sidebar a,.sidebar .logout-button{display:flex;align-items:center;width:100%;text-decoration:none;color:#333;font-weight:500;padding:.5rem;border-radius:4px;background:none;border:none;cursor:pointer;box-sizing:border-box;transition:background .2s}.sidebar a:hover,.sidebar .logout-button:hover{background:#0000000d}.icon{margin-right:.75rem}.sidebar a.active{background:#0000001a}.logout-button{justify-content:flex-start;font-size:.95rem;color:#333}.main-content{margin-left:240px;flex:1;padding:1.5rem;box-sizing:border-box;transition:margin-left .3s ease}.sidebar-toggle{position:fixed;top:1rem;left:1rem;background:none;border:none;cursor:pointer;z-index:1100;display:block}.trabajadores-page{padding:1rem;font-family:Arial,sans-serif;box-sizing:border-box}.trabajadores-page h2{margin-bottom:1rem}.trabajadores-page .controls{display:flex;gap:.5rem;margin-bottom:1rem}.trabajadores-page .controls input[type=text]{flex:1;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.trabajadores-page .controls button{padding:.5rem 1rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.trabajadores-page .controls button:hover{background-color:#0056b3}.trabajadores-page .table-wrapper{overflow-x:auto}.trabajadores-page .responsive-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.trabajadores-page .responsive-table th,.trabajadores-page .responsive-table td{padding:.5rem .75rem;border:1px solid #ddd;text-align:left;vertical-align:middle;font-size:.95rem}.trabajadores-page .responsive-table th{background-color:#f5f5f5;font-weight:600}.trabajadores-page .responsive-table button{background:none;border:none;cursor:pointer;font-size:1rem;margin-right:.5rem}.trabajadores-page .responsive-table button:hover{opacity:.7}.trabajadores-page .total{font-weight:700;text-align:right;margin-top:.5rem}@media (max-width: 768px){.trabajadores-page .controls{flex-direction:column}.trabajadores-page .controls input[type=text],.trabajadores-page .controls button{width:100%;font-size:.95rem}.trabajadores-page .responsive-table th,.trabajadores-page .responsive-table td{padding:.4rem .5rem;font-size:.9rem}}@media (max-width: 480px){.trabajadores-page{padding:.5rem}.trabajadores-page h2{font-size:1.25rem}.trabajadores-page .controls{gap:.25rem}.trabajadores-page .controls input[type=text],.trabajadores-page .controls button{padding:.4rem;font-size:.9rem}.trabajadores-page .responsive-table th,.trabajadores-page .responsive-table td{padding:.3rem .4rem;font-size:.85rem}.trabajadores-page .responsive-table button{font-size:.9rem;margin-right:.25rem}}.categorias-page{padding:1rem;font-family:Arial,sans-serif}.categorias-page h2{margin-bottom:1rem}.categorias-page .controls{display:flex;gap:.5rem;margin-bottom:1rem}.categorias-page .controls input[type=text]{flex:1;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.categorias-page .controls button{padding:.5rem 1rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.categorias-page .controls button:hover{background-color:#0056b3}.categorias-page .table-wrapper{overflow-x:auto}.categorias-page .responsive-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.categorias-page .responsive-table th,.categorias-page .responsive-table td{padding:.5rem .75rem;border:1px solid #ddd;text-align:left;vertical-align:middle;font-size:.95rem}.categorias-page .responsive-table th{background-color:#f5f5f5;font-weight:600}.categorias-page .responsive-table button{background:none;border:none;cursor:pointer;font-size:1rem;margin-right:.5rem}.categorias-page .responsive-table button:hover{opacity:.7}.categorias-page .total{font-weight:700;text-align:right;margin-top:.5rem}@media (max-width: 768px){.categorias-page .controls{flex-direction:column}.categorias-page .controls input[type=text],.categorias-page .controls button{width:100%;font-size:.95rem}.categorias-page .responsive-table th,.categorias-page .responsive-table td{padding:.4rem .5rem;font-size:.9rem}}@media (max-width: 480px){.categorias-page{padding:.5rem}.categorias-page h2{font-size:1.25rem}.categorias-page .controls{gap:.25rem}.categorias-page .controls input[type=text],.categorias-page .controls button{padding:.4rem;font-size:.9rem}.categorias-page .responsive-table th,.categorias-page .responsive-table td{padding:.3rem .4rem;font-size:.85rem}.categorias-page .responsive-table button{font-size:.9rem;margin-right:.25rem}}.articulos-page{padding:1rem;font-family:Arial,sans-serif}.articulos-page h2{margin-bottom:.75rem}.btn-blue.swal2-confirm{background-color:#007bff!important;color:#fff!important;margin:0 .4rem;border-radius:20px;padding:.5rem 1rem}.btn-red.swal2-cancel{background-color:#ff1c1c!important;color:#fff!important;margin:0 .4rem;border-radius:20px;padding:.5rem 1rem}.articulos-page .controls{display:flex;gap:.5rem;margin-bottom:1rem}.articulos-page .controls input{flex:1;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.articulos-page .controls .btn-add{padding:.5rem 1rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.articulos-page .controls .btn-add:hover{background-color:#0056b3}.articulos-page .table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{border:1px solid #ddd;padding:.6rem;text-align:left;vertical-align:middle}.data-table th{background:#f5f5f5;font-weight:600}.data-table tr:nth-child(2n){background:#fafafa}.data-table tr:hover{background:#f1f1f1}.data-table .actions-col{white-space:nowrap;text-align:center;width:80px}.data-table button{background:none;border:none;font-size:1.2rem;margin:0 .3rem;cursor:pointer}.data-table button:hover{color:#007bff}.data-table .no-data{text-align:center;padding:1rem;color:#666}@media (max-width: 768px){.articulos-page .controls{flex-direction:column}.articulos-page .controls input,.articulos-page .controls .btn-add{width:100%}.data-table th,.data-table td{padding:.5rem;font-size:.9rem}}@media (max-width: 480px){.articulos-page{padding:.5rem}.articulos-page h2{font-size:1.25rem}.articulos-page .controls{gap:.25rem}.articulos-page .controls input,.articulos-page .controls .btn-add{padding:.4rem;font-size:.9rem}.data-table th,.data-table td{padding:.4rem;font-size:.85rem}.data-table button{font-size:1rem;margin:0 .2rem}}.productos-page{padding:1rem;font-family:Arial,sans-serif}.productos-page h2{margin-bottom:.75rem}.productos-page .controls{display:flex;gap:.5rem;margin-bottom:1rem}.productos-page .controls input{flex:1;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.productos-page .controls .btn-add{padding:.5rem 1rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}.productos-page .controls .btn-add:hover{background-color:#0056b3}.productos-page .table-wrapper{overflow-x:auto}.responsive-table th,.responsive-table td{border:1px solid #ddd;padding:.6rem;text-align:left;vertical-align:middle}.responsive-table .actions-col{text-align:center;width:80px;white-space:nowrap}@media (max-width: 768px){.productos-page .controls{flex-direction:column}.productos-page .controls input,.productos-page .controls .btn-add{width:100%}.responsive-table th,.responsive-table td{padding:.5rem;font-size:.9rem}}@media (max-width: 480px){.productos-page{padding:.5rem}.productos-page h2{font-size:1.25rem}.productos-page .controls{gap:.25rem}.productos-page .controls input,.productos-page .controls .btn-add{padding:.4rem;font-size:.9rem}.responsive-table th,.responsive-table td{padding:.4rem;font-size:.85rem}.responsive-table button{font-size:1rem;margin:0 .2rem}}.procesos-page{padding:1rem;font-family:Arial,sans-serif}.procesos-page h2{margin-bottom:.75rem}.btn-blue.swal2-confirm{background-color:#007bff!important;color:#fff!important;margin:0 .4rem;border-radius:4px;padding:.5rem 1rem}.btn-red.swal2-cancel{background-color:#ff1c1c!important;color:#fff!important;margin:0 .4rem;border-radius:4px;padding:.5rem 1rem}.procesos-page .controls{display:flex;gap:.5rem;margin-bottom:1rem}.procesos-page .controls input{flex:1;padding:.5rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.procesos-page .controls .btn-add{padding:.5rem 1rem;font-size:1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.procesos-page .controls .btn-add:hover{background-color:#0056b3}.procesos-page .table-wrapper{overflow-x:auto}.responsive-table th,.responsive-table td{border:1px solid #ddd;padding:.6rem;text-align:left}.responsive-table th{background:#f5f5f5;font-weight:600}.responsive-table tr:nth-child(2n){background:#fafafa}.responsive-table tr:hover{background:#f1f1f1}.responsive-table .actions-col{text-align:center;width:100px}.responsive-table button{background:none;border:none;font-size:1.2rem;margin:0 .3rem;cursor:pointer}.responsive-table button:hover{color:#007bff}.responsive-table .no-data{text-align:center;padding:1rem;color:#666}.modal-form{display:flex;flex-direction:column;gap:.75rem}.modal-form label{display:flex;flex-direction:column;font-weight:700}.modal-actions button[type=submit]{background-color:#007bff;color:#fff}.modal-actions button[type=button]{background-color:#e0e0e0}@media (max-width: 768px){.procesos-page .controls{flex-direction:column}.procesos-page .controls input,.procesos-page .controls .btn-add{width:100%}.responsive-table th,.responsive-table td{padding:.5rem;font-size:.9rem}}@media (max-width: 480px){.procesos-page{padding:.75rem}.procesos-page h2{font-size:1.5rem;margin-bottom:.75rem}.procesos-page .controls{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.procesos-page .controls input,.procesos-page .controls .btn-add{width:100%;padding:.6rem;font-size:1rem;box-sizing:border-box}.procesos-page .table-wrapper{overflow-x:auto}.responsive-table{font-size:.85rem;min-width:600px}.responsive-table th,.responsive-table td{padding:.5rem .75rem}.responsive-table td button{font-size:1.2rem;margin:0 .3rem;width:2.2rem;height:2.2rem}}.reporte-container{padding:1rem;font-family:Arial,sans-serif}.swal2-popup .btn-primary{background-color:#007bff!important;color:#fff!important}.swal2-popup .btn-secondary{background-color:#ff1c1c!important;color:#fff!important}.swal2-popup .btn-danger{background-color:#000!important;color:#fff!important}.swal2-popup .swal2-confirm,.swal2-popup .swal2-cancel{padding:.5rem 1rem!important;font-weight:700;margin:0 .4rem;border-radius:4px;border:none!important}.reporte-container .filters{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.reporte-container .filters select,.reporte-container .filters input[type=date]{padding:.4rem .6rem;font-size:1rem;border:1px solid #ccc;border-radius:4px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}.reporte-container .filters select:disabled,.reporte-container .filters input:disabled{background-color:#f5f5f5;cursor:not-allowed}.swal2-popup .btn{padding:.5rem 1rem;font-size:1rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;margin:0 .25rem}.swal2-popup .btn-primary{background-color:#007bff;color:#fff}.swal2-popup .btn-secondary{background-color:#ff1c1c;color:#fff}.swal2-popup .btn-danger{background-color:#dc3545;color:#fff}.table-wrapper{overflow-x:auto}.responsive-table{width:100%;border-collapse:collapse}.responsive-table th,.responsive-table td{padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;text-align:left;vertical-align:top}.responsive-table th{background-color:#f8f9fa;font-weight:600}.responsive-table td button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;margin:0;border:none;background:transparent;cursor:pointer;font-size:1.2rem;line-height:1}.responsive-table td button:hover{background-color:#0000000d;border-radius:4px}.reporte-container .total{margin-top:.75rem;font-size:1.1rem;font-weight:600}.export-buttons{margin-top:1rem;display:flex;gap:.5rem}.export-buttons button{padding:.5rem 1rem;font-size:.95rem;border:1px solid #fb83ff;background-color:#fb83ff;color:#fff;border-radius:4px;cursor:pointer}.export-buttons button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.export-buttons button:not(:disabled):hover{background-color:#f690ff;border-color:#fb83ff}@media (max-width: 768px){.reporte-container .filters{flex-direction:column;align-items:stretch}.reporte-container .filters select,.reporte-container .filters input[type=date]{width:100%;font-size:.95rem;margin-bottom:.5rem}.export-buttons{flex-direction:column;gap:.5rem}.export-buttons button{width:100%;font-size:.95rem}}@media (max-width: 480px){.reporte-container{padding:.75rem}.reporte-container .filters{gap:.5rem}.reporte-container .filters select,.reporte-container .filters input[type=date]{font-size:.9rem}.responsive-table th,.responsive-table td{padding:.5rem .75rem;font-size:.9rem}.reporte-container .total{font-size:1rem}.export-buttons{gap:.25rem}.export-buttons button{padding:.4rem;font-size:.9rem}}.registro-container h2{text-align:center;margin-bottom:2rem;font-size:1.8rem}.registro-form{max-width:600px;margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem 2%;background:#ececec;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.campo{flex:1 1 48%;display:flex;flex-direction:column}.campo.pequeño{flex:1 1 23%}.campo label{margin-bottom:.5rem;font-weight:500}.campo input{padding:.5rem .75rem;border:1px solid #aaa;border-radius:4px;font-size:1rem}.swal2-popup .btn-primary{background-color:#007bff!important;color:#fff!important;padding:.5rem 1rem;font-weight:700;border-radius:4px;border:none;margin:0 .4rem}.swal2-popup .btn-secondary{background-color:#ff1c1c!important;color:#fff!important;margin-right:.5rem}.button-group{flex:1 1 100%;display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.btn-rosa{background:#ff80d5;border:2px solid #000;color:#000;font-weight:700;font-size:1rem;padding:.75rem;border-radius:4px;cursor:pointer;transition:filter .2s}.btn-rosa:hover{filter:brightness(.9)}.btn-limpiar{background:#fff;border:2px solid #ff00d4;color:#333;font-weight:700;font-size:1rem;padding:.75rem;border-radius:4px;cursor:pointer;transition:filter .2s}.btn-limpiar:hover{filter:brightness(.9)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:4px;width:90%;max-width:500px;box-shadow:0 2px 10px #0000004d;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #eee}.modal-body{padding:1rem}.modal-close-btn{background:none;border:none;cursor:pointer}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form label{display:flex;flex-direction:column;font-weight:500}.modal-form input,.modal-form select{padding:.5rem;border:1px solid #ccc;border-radius:4px}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal-actions button{padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer}.modal-actions button:first-of-type{background:#ccc;color:#000}.modal-actions button:last-of-type{background:#28a745;color:#fff}