body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.layout{background:#f5f7fa;display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;position:fixed;transition:transform .3s;width:260px;z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 20px}.sidebar-header h2{color:#667eea;font-size:1.5rem;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.sidebar-nav a{align-items:center;border-left:3px solid #0000;color:#666;display:flex;padding:14px 20px;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{background:#f8f9fa;color:#667eea}.sidebar-nav a.active{background:#f0f3ff;border-left-color:#667eea;color:#667eea;font-weight:600}.nav-icon{font-size:1.3rem;margin-right:12px;text-align:center;width:24px}.sidebar-footer{border-top:1px solid #e0e0e0;padding:20px}.user-info{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:1.2rem;font-weight:600;height:40px;justify-content:center;margin-right:12px;width:40px}.user-details{flex:1 1}.user-name{color:#333;font-size:.9rem;font-weight:600;margin:0}.user-type{color:#999;font-size:.75rem;margin:2px 0 0;text-transform:uppercase}.btn-logout{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-weight:500;padding:10px;transition:all .2s;width:100%}.btn-logout:hover{background:#fee;border-color:#c33;color:#c33}.main-content{flex:1 1;margin-left:260px;overflow-x:hidden;padding:0}.menu-toggle{display:none}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.abierto{transform:translateX(0)}.main-content{margin-left:0;width:100%}.menu-toggle{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:1.5rem;height:44px;left:10px;position:fixed;top:10px;width:44px;z-index:99}.menu-toggle,.mobile-only{display:block}}@media (min-width:769px){.mobile-only{display:none}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:40px;width:100%}.auth-card h1{color:#667eea;font-size:2rem;margin-bottom:10px;text-align:center}.auth-card h2{color:#333;font-size:1.5rem;font-weight:400;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.btn-primary{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:transform .2s;width:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#fee;border-left:4px solid #c33;color:#c33}.error-message,.success-message{border-radius:6px;margin-bottom:20px;padding:12px}.success-message{background:#efe;border-left:4px solid #3c3;color:#3c3}.auth-footer{color:#666;margin-top:20px;text-align:center}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.tipo-selector{display:flex;gap:10px;margin-bottom:20px}.tipo-selector button{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-weight:600;padding:12px;transition:all .3s}.tipo-selector button.active{background:#667eea;border-color:#667eea;color:#fff}.tipo-selector button:hover{border-color:#667eea}@media (max-width:480px){.auth-card{padding:30px 20px}.auth-card h1{font-size:1.5rem}.auth-card h2{font-size:1.2rem}}.dashboard-container{margin:0 auto;max-width:1400px;padding:20px}.dashboard-header{margin-bottom:30px}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.dashboard-header h1{color:#333;margin-bottom:5px}.dashboard-header p{color:#666;font-size:1.1rem}.btn-tienda-licencias{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.btn-tienda-licencias:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;padding:24px;transition:transform .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:2rem;height:60px;justify-content:center;margin-right:20px;width:60px}.stat-info h3{color:#333;font-size:2rem;margin:0 0 5px}.stat-info p{color:#666;font-size:.95rem;margin:0}.proyectos-recientes h2{color:#333;margin-bottom:20px}.proyectos-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.proyecto-card{padding:20px}.proyecto-header{margin-bottom:12px}.proyecto-header h3{font-size:1.1rem;margin:0}.estado-badge{border-radius:20px;font-size:.75rem;text-transform:uppercase}.estado-badge.planificacion{background:#fff3cd;color:#856404}.estado-badge.en_curso{background:#d1ecf1;color:#0c5460}.estado-badge.pausado{background:#f8d7da;color:#721c24}.estado-badge.completado{background:#d4edda;color:#155724}.proyecto-capataz,.proyecto-cliente{color:#666;font-size:.9rem;margin:8px 0}.proyecto-progress{align-items:center;display:flex;gap:12px;margin-top:16px}.progress-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s}.proyecto-progress span{color:#667eea;font-weight:600;min-width:40px}.empty-message{background:#fff;border-radius:12px;color:#999;padding:40px;text-align:center}.loading{color:#666;font-size:1.2rem;padding:60px;text-align:center}@media (max-width:768px){.dashboard-container{padding:15px}.proyectos-list,.stats-grid{grid-template-columns:1fr}}.clientes-container{margin:0 auto;max-width:1400px;padding:30px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{color:#333;margin:0}.filtros{margin-bottom:20px}.filtro-segmento{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.95rem;padding:10px 15px}.clientes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cliente-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:transform .2s}.cliente-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.cliente-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.cliente-header h3{color:#333;font-size:1.2rem;margin:0}.segmento-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.segmento-badge.potencial{background:#fff3cd;color:#856404}.segmento-badge.activo{background:#d4edda;color:#155724}.segmento-badge.inactivo{background:#f8d7da;color:#721c24}.cliente-info{margin-bottom:16px}.cliente-info p{color:#666;font-size:.9rem;margin:8px 0}.cliente-info strong{color:#333}.cliente-stats{background:#f8f9fa;border-radius:8px;display:flex;gap:20px;margin-bottom:16px;padding:12px}.stat{align-items:center;display:flex;flex-direction:column}.stat-value{color:#667eea;font-size:1.5rem;font-weight:700}.stat-label{color:#666;font-size:.75rem;text-transform:uppercase}.cliente-actions{display:flex;gap:10px}.cliente-actions .btn{flex:1 1;font-size:.9rem;padding:10px}.empty-state{background:#fff;border-radius:12px;padding:60px 20px;text-align:center}.empty-state p{color:#999;font-size:1.1rem;margin-bottom:20px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}@media (max-width:768px){.clientes-container{padding:15px}.page-header{align-items:stretch;flex-direction:column;gap:15px}.clientes-grid,.form-row{grid-template-columns:1fr}}.cotizaciones-container{margin:0 auto;max-width:1400px;padding:30px}.filtro-estado{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.95rem;padding:10px 15px}.cotizaciones-list{grid-gap:20px;display:grid;gap:20px}.cotizacion-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.cotizacion-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.cotizacion-header h3{color:#333;margin:0 0 5px}.cotizacion-numero{color:#999;font-size:.85rem;margin:0}.cotizacion-info{margin-bottom:16px}.cotizacion-info p{color:#666;margin:8px 0}.cotizacion-info strong{color:#333}.cotizacion-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-sm{font-size:.85rem}.modal-large{max-width:900px}.items-section{background:#f8f9fa;border-radius:8px;margin:30px 0;padding:20px}.items-section h3{color:#333;margin:0 0 20px}.agregar-item{margin-bottom:20px;padding:20px}.agregar-item,.items-list{background:#fff;border-radius:8px}.items-list{overflow:hidden}.items-list table{margin:0}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:4px 8px;transition:transform .2s}.btn-icon:hover{transform:scale(1.2)}.total-input{color:#667eea;font-size:1.1rem;font-weight:700}.imagenes-section{background:#f8f9fa;border-radius:8px;margin:30px 0;padding:20px}.imagenes-section h3{color:#333;margin:0 0 20px}.upload-area{margin-bottom:20px}.imagenes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.imagen-item{background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:10px;padding:15px}.imagen-preview{border:1px solid #ddd;border-radius:6px;height:200px;object-fit:cover;width:100%}.imagen-descripcion{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px;width:100%}.btn-eliminar-imagen{background:#dc3545;border-radius:4px;font-size:.85rem;padding:8px 12px;transition:background .2s}.btn-eliminar-imagen:hover{background:#c82333}@media (max-width:768px){.cotizaciones-container{padding:15px}.modal-large{max-width:100%}.cotizacion-actions{flex-direction:column}.cotizacion-actions .btn{width:100%}.imagenes-grid{grid-template-columns:1fr}}.image-uploader{margin:20px 0}.upload-label{cursor:pointer}.upload-label input[type=file]{display:none}.upload-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-align:center;transition:transform .2s}.upload-button:hover{transform:translateY(-2px)}.upload-button:active{transform:translateY(0)}.preview-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.preview-image{border:2px solid #e0e0e0;border-radius:8px;height:100px;object-fit:cover;width:100px}.proyectos-container{margin:0 auto;max-width:1400px;padding:30px}.proyectos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.proyecto-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:transform .2s}.proyecto-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.proyecto-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.proyecto-header h3{color:#333;font-size:1.2rem;margin:0 0 5px}.proyecto-info{margin-bottom:20px}.proyecto-info p{color:#666;font-size:.9rem;margin:8px 0}.proyecto-info strong{color:#333}.proyecto-progreso{margin-bottom:20px}.progreso-header{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:8px}.progreso-porcentaje{color:#667eea;font-weight:700}.progreso-bar{background:#e9ecef;border-radius:5px;height:10px;overflow:hidden}.progreso-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s}.proyecto-actions{display:flex;gap:10px}.proyecto-actions .btn{flex:1 1}.cotizaciones-disponibles{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.cotizaciones-disponibles h3{color:#666;font-size:.95rem;margin:0 0 12px}.cotizaciones-disponibles select{border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:10px;width:100%}.separator{margin:24px 0;position:relative;text-align:center}.separator:before{background:#ddd;content:"";height:1px;left:0;position:absolute;right:0;top:50%;z-index:0}.separator span{background:#fff;color:#999;font-size:.85rem;padding:0 16px;position:relative;z-index:1}.proyecto-nombre-modal{background:#f8f9fa;border-radius:6px;color:#667eea;font-weight:600;margin-bottom:20px;padding:12px;text-align:center}@media (max-width:768px){.proyectos-container{padding:15px}.proyectos-grid{grid-template-columns:1fr}.proyecto-actions{flex-direction:column}}.gastos-proyecto-container{background:#f8f9fa;border-radius:12px;margin-top:30px;padding:20px}.gastos-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.gastos-header h2{color:#333;margin:0 0 8px}.gastos-total{color:#666;font-size:1.1rem;margin:0}.gastos-total strong{color:#2c3e50;font-size:1.3rem}.gastos-lista{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.gasto-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.gasto-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.gasto-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.gasto-header h3{color:#2c3e50;font-size:1.1rem;margin:0 0 5px}.gasto-rut{color:#7f8c8d;font-size:.9rem;margin:0}.gasto-monto{color:#27ae60;font-size:1.3rem;font-weight:700}.gasto-info{margin:15px 0}.info-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0}.info-row .label{color:#555;font-weight:600}.info-row .value{color:#333;max-width:60%;text-align:right}.gasto-imagenes{background:#f8f9fa;border-radius:8px;margin:15px 0;padding:10px}.imagenes-titulo{color:#666;font-size:.9rem;margin:0 0 10px}.imagenes-mini-grid{align-items:center;display:flex;gap:8px}.imagen-mini{border-radius:6px;cursor:pointer;height:60px;object-fit:cover;transition:transform .2s;width:60px}.imagen-mini:hover{transform:scale(1.1)}.mas-imagenes{align-items:center;background:#e0e0e0;border-radius:6px;color:#666;display:flex;font-weight:700;height:60px;justify-content:center;width:60px}.gasto-actions{display:flex;gap:10px;margin-top:15px}.gasto-actions .btn{flex:1 1}.modal-gasto{max-height:90vh;max-width:600px;overflow-y:auto}.imagenes-preview{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px}.imagen-preview-item{border-radius:8px;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.imagen-preview-item img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.btn-eliminar-img{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:5px;top:5px;transition:background .2s;width:28px}.btn-eliminar-img:hover{background:#dc3545}.subiendo{color:#3498db;font-style:italic;margin-top:10px}@media (max-width:768px){.gastos-lista{grid-template-columns:1fr}.gastos-header{flex-direction:column;gap:15px}.gastos-header .btn{width:100%}.gasto-actions,.info-row{flex-direction:column}.info-row{gap:5px}.info-row .value{max-width:100%;text-align:left}}.proyecto-detalle-container{margin:0 auto;max-width:1400px;padding:30px}.detalle-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.detalle-header h1{color:#333;flex:1 1;margin:0}.btn-volver{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-volver:hover{background:#e9ecef;border-color:#667eea;color:#667eea}.detalle-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.detalle-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.detalle-card h2{color:#333;font-size:1.3rem;margin:0 0 20px}.info-grid{grid-gap:15px;display:grid;gap:15px}.info-item{border-radius:6px}.proyecto-progreso{border-top:2px solid #f0f0f0;margin-top:20px;padding-top:20px}.asignado-info{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:15px;justify-content:space-between;padding:16px}.asignado-info p{color:#666;margin:8px 0}.asignado-info strong{color:#333}.empty-text{background:#f8f9fa;border-radius:8px;color:#999;padding:20px;text-align:center}.productos-card,.servicios-card,.trabajadores-card{grid-column:span 2}.productos-lista,.servicios-lista,.trabajadores-lista{display:flex;flex-direction:column;gap:10px}.trabajador-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:background .2s}.trabajador-item:hover{background:#e9ecef}.trabajador-item strong{color:#333;display:block;margin-bottom:4px}.especialidad-tag{background:#667eea;border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-left:10px;padding:2px 8px}.rol{color:#666;font-size:.9rem;margin:4px 0 0}.producto-item,.servicio-item{background:#f8f9fa;border-radius:8px;padding:12px;transition:background .2s}.producto-item:hover,.servicio-item:hover{background:#e9ecef}.producto-info,.servicio-info{display:flex;flex-direction:column;gap:8px}.producto-info strong,.servicio-info strong{color:#333;font-size:1rem}.descripcion{color:#666;font-size:.85rem;font-style:italic;margin:0}.producto-detalles,.servicio-detalles{color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:15px}.producto-detalles .subtotal,.servicio-detalles .subtotal{color:#667eea;font-weight:600;margin-left:auto}.servicio-item-expandido{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:15px}.servicio-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between}.trabajadores-servicio{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.trabajadores-titulo{color:#666;font-size:.9rem;font-weight:600;margin:0 0 10px}.trabajadores-lista-mini{display:flex;flex-direction:column;gap:8px}.trabajador-mini{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;gap:10px;padding:8px 12px}.trabajador-mini span{color:#333;font-size:.9rem}.rol-mini{color:#666;font-size:.85rem;font-style:italic}.btn-icon-delete-mini{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.85rem;height:24px;justify-content:center;margin-left:auto;transition:transform .2s;width:24px}.btn-icon-delete-mini:hover{background:#c82333;transform:scale(1.1)}.trabajadores-generales{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}.trabajadores-generales h3{color:#666;font-size:1rem;margin:0 0 12px}.btn-icon-delete{background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:32px;transition:transform .2s;width:32px}.btn-icon-delete:hover{background:#c82333;transform:scale(1.1)}.imagenes-card{grid-column:span 2}.imagenes-galeria{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.imagen-item{background:#f8f9fa;border-radius:8px;overflow:hidden;position:relative}.imagen-item img{height:200px;object-fit:cover;width:100%}.imagen-item p{color:#666;font-size:.85rem;margin:0;padding:8px}.btn-eliminar-imagen{background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:32px;position:absolute;right:8px;top:8px;transition:all .2s;width:32px}.btn-eliminar-imagen:hover{background:#dc3545;transform:scale(1.1)}.avances-card{grid-column:span 2}.avances-lista{display:flex;flex-direction:column;gap:15px}.avance-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:16px}.avance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.avance-header strong{color:#333}.avance-porcentaje{background:#667eea;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.avance-descripcion{color:#333;line-height:1.5;margin:10px 0}.avance-observaciones{color:#666;font-size:.9rem;margin:8px 0}.avance-incidencias{background:#fff3cd;border-radius:4px;color:#856404;font-size:.9rem;margin:8px 0;padding:8px}.avance-capataz{color:#999;font-size:.85rem;margin:8px 0 0}.avance-imagenes{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.avance-imagenes-titulo{color:#667eea;font-size:.95rem;font-weight:600;margin:0 0 12px}.avance-imagenes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.avance-imagen{border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:120px;object-fit:cover;transition:transform .2s;width:100%}.avance-imagen:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.05)}@media (max-width:1024px){.detalle-grid{grid-template-columns:1fr}.avances-card,.imagenes-card,.productos-card,.servicios-card,.trabajadores-card{grid-column:span 1}}@media (max-width:768px){.proyecto-detalle-container{padding:15px}.detalle-header{align-items:flex-start;flex-direction:column}.imagenes-galeria{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.avance-imagenes-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.trabajadores-container{margin:0 auto;max-width:1400px;padding:30px}.trabajadores-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.trabajador-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .2s}.trabajador-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.trabajador-card.inactivo{background:#f8f9fa;opacity:.6}.trabajador-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.trabajador-header h3{color:#333;margin:0 0 5px}.especialidad{color:#667eea;font-size:.85rem;font-weight:600;margin:0}.trabajador-status{align-items:center;display:flex;flex-direction:column;gap:4px}.trabajador-status small{color:#666;font-size:.75rem}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#667eea}input:checked+.slider:before{transform:translateX(20px)}.trabajador-info{margin-bottom:16px}.trabajador-info p{color:#666;font-size:.9rem;margin:8px 0}.trabajador-info strong{color:#333}.trabajador-actions{display:flex;gap:10px}.trabajador-actions .btn{flex:1 1;font-size:.9rem;padding:10px}@media (max-width:768px){.trabajadores-container{padding:15px}.trabajadores-grid{grid-template-columns:1fr}}.especialidades-container{margin:0 auto;max-width:1200px;padding:30px}.especialidades-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.especialidad-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:transform .2s,box-shadow .2s}.especialidad-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.especialidad-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.especialidad-header h3{color:#333;font-size:1.2rem;margin:0}.estado-badge.activo{background-color:#dcfce7;color:#166534}.estado-badge.inactivo{background-color:#fee2e2;color:#991b1b}.especialidad-descripcion{color:#666;font-size:.9rem;line-height:1.5;margin:12px 0}.especialidad-actions{display:flex;gap:10px;margin-top:16px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0;width:auto}.checkbox-label span{-webkit-user-select:none;user-select:none}@media (max-width:768px){.especialidades-container{padding:15px}.especialidades-grid{grid-template-columns:1fr}.especialidad-actions{flex-direction:column}.especialidad-actions .btn{width:100%}}.capataces-container{margin:0 auto;max-width:1400px;padding:30px}.mi-qr-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px;text-align:center}.mi-qr-card h2{color:#333;margin:0 0 15px}.codigo-texto{color:#666;font-size:1.1rem;margin-bottom:10px}.codigo-texto strong{color:#667eea;font-size:1.5rem;letter-spacing:2px}.instrucciones{color:#999;font-size:.9rem;margin-bottom:20px}.qr-display{background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:inline-block;padding:20px}.qr-display img{height:auto;max-width:250px;width:100%}.capataces-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.capataz-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:transform .2s}.capataz-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.capataz-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.capataz-header h3{color:#333;margin:0 0 5px}.estado-badge.pendiente{background:#fff3cd;color:#856404}.estado-badge.aceptado{background:#d4edda;color:#155724}.estado-badge.deshabilitado,.estado-badge.rechazado{background:#f8d7da;color:#721c24}.capataz-info{margin-bottom:16px}.capataz-info p{color:#666;font-size:.9rem;margin:8px 0}.capataz-info strong{color:#333}.capataz-actions{display:flex;gap:10px}.capataz-actions .btn{flex:1 1}.buscar-capataz{margin-bottom:20px}.input-con-boton{display:flex;gap:10px}.input-con-boton input{flex:1 1}.capataz-encontrado{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:20px}.capataz-encontrado h3{color:#333;margin:0 0 15px}.info-encontrado p{color:#666;margin:10px 0}.info-encontrado strong{color:#333}.info-encontrado .btn{margin-top:15px;width:100%}.alert{border-radius:6px;margin:15px 0;padding:12px 16px}.alert-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}@media (max-width:768px){.capataces-container{padding:15px}.capataces-grid{grid-template-columns:1fr}.input-con-boton{flex-direction:column}.qr-display img{max-width:200px}}.inventario-container{margin:0 auto;max-width:1400px;padding:30px}.vista-tabs{display:flex;gap:10px;margin-bottom:30px}.tab{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .2s}.tab.active,.tab:hover{border-color:#667eea}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.item-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:transform .2s}.item-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.item-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.item-header h3{color:#333;font-size:1.1rem;margin:0}.categoria-badge{background:#f0f3ff;border-radius:20px;color:#667eea;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.item-descripcion{color:#666;font-size:.9rem;line-height:1.4;margin:0 0 16px}.item-info{margin-bottom:16px}.item-info p{color:#666;font-size:.9rem;margin:8px 0}.item-info strong{color:#333}.stock-bajo{color:#dc3545;font-weight:700}.item-actions{display:flex;flex-wrap:wrap;gap:8px}.item-actions .btn-sm{flex:1 1;font-size:.85rem;min-width:80px;padding:8px 12px}.btn-warning:hover{background:#e0a800}@media (max-width:768px){.inventario-container{padding:15px}.vista-tabs{flex-direction:column}.items-grid{grid-template-columns:1fr}.item-actions{flex-direction:column}.item-actions .btn-sm{width:100%}}.reportes-container{margin:0 auto;max-width:1400px;padding:30px}.reportes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.reportes-header h1{color:#2c3e50;margin:0}.resumen-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.resumen-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s}.resumen-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.card-icon{font-size:3rem;line-height:1}.card-content{flex:1 1}.card-content h3{color:#7f8c8d;font-size:.9rem;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.card-value{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.card-subtitle{color:#95a5a6;font-size:.85rem;margin:4px 0 0}.card-details{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.card-details span{background:#f8f9fa;border-radius:12px;color:#555;font-size:.85rem;padding:4px 10px}.graficos-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:30px}.grafico-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.grafico-card h2{color:#2c3e50;font-size:1.2rem;margin:0 0 20px}.tabla-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:24px}.tabla-card h2{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.tabla-responsive{overflow-x:auto}.tabla-reportes{border-collapse:collapse;font-size:.9rem;width:100%}.tabla-reportes thead{background:#f8f9fa}.tabla-reportes th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.tabla-reportes td{border-bottom:1px solid #dee2e6;padding:12px}.tabla-reportes tbody tr:hover{background:#f8f9fa}.estado-badge{border-radius:12px;font-size:.85rem;font-weight:500;padding:4px 12px;white-space:nowrap}.estado-badge.planificacion{background:#e3f2fd;color:#1976d2}.estado-badge.en_curso{background:#fff3e0;color:#f57c00}.estado-badge.completado{background:#e8f5e9;color:#388e3c}.estado-badge.cancelado{background:#ffebee;color:#d32f2f}.texto-rojo{color:#e74c3c;font-weight:600}.texto-verde{color:#27ae60;font-weight:600}.progress-bar{background:#ecf0f1;border-radius:12px;height:24px;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#3498db,#2ecc71);color:#fff;font-size:.75rem;font-weight:600;height:100%;transition:width .3s ease}.error-message,.loading,.progress-fill{align-items:center;display:flex;justify-content:center}.error-message,.loading{color:#7f8c8d;font-size:1.2rem;min-height:400px}.error-message{color:#e74c3c}@media (max-width:1024px){.graficos-grid{grid-template-columns:1fr}}@media (max-width:768px){.reportes-container{padding:15px}.reportes-header{flex-direction:column;gap:15px}.reportes-header h1{font-size:1.5rem}.reportes-header .btn{width:100%}.resumen-cards{grid-template-columns:1fr}.resumen-card{flex-direction:column;text-align:center}.card-icon{font-size:2.5rem}.card-details{justify-content:center}.graficos-grid{grid-template-columns:1fr}.tabla-responsive{overflow-x:scroll}.tabla-reportes{font-size:.8rem}.tabla-reportes td,.tabla-reportes th{padding:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.grafico-card,.resumen-card,.tabla-card{animation:fadeIn .5s ease-out}.perfil-container{margin:0 auto;max-width:1200px;padding:30px}.perfil-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:20px}.perfil-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.perfil-card h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.3rem;margin:0 0 20px;padding-bottom:12px}.info-display{display:flex;flex-direction:column;gap:15px}.info-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.info-item strong{color:#666;font-weight:600;min-width:150px}.info-item span{color:#333;flex:1 1;font-weight:500;text-align:right}.badge-tipo{background:linear-gradient(135deg,#667eea,#764ba2)}.badge-tipo,.especialidad-badge{border-radius:20px;color:#fff!important;display:inline-block;font-size:.85rem;font-weight:600;padding:6px 16px}.especialidad-badge{background:#667eea!important}.form-actions{border-top:2px solid #f0f0f0;display:flex;gap:10px;margin-top:20px;padding-top:20px}.form-actions .btn{flex:1 1}.logo-card{flex-direction:column}.logo-card,.logo-preview{align-items:center;display:flex}.logo-preview{background:#f8f9fa;border-radius:12px;justify-content:center;margin-top:20px;max-width:300px;padding:20px;width:100%}.logo-preview img{max-height:200px;max-width:100%;object-fit:contain}.qr-card{grid-column:span 1}.qr-description{color:#666;line-height:1.6;margin-bottom:20px}.qr-container{background:#f8f9fa;border-radius:12px;display:flex;justify-content:center;margin-bottom:20px;padding:20px}.qr-code{border:4px solid #fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;max-width:250px;width:100%}.codigo-unico-container{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center}.codigo-unico-container strong{color:#666;display:block;font-size:.9rem;margin-bottom:10px}.codigo-unico{background:#fff;border:2px dashed #667eea;border-radius:8px;color:#667eea;font-family:Courier New,monospace;font-size:2rem;font-weight:800;letter-spacing:4px;margin:10px 0;padding:15px}.codigo-help{color:#999;font-size:.85rem;margin-bottom:0;margin-top:10px}.asociacion-card{grid-column:span 1}.estado-badge-container{display:flex;justify-content:center;margin:20px 0}.estado-badge{border-radius:25px;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px}.estado-badge.aceptado{background:#28a745;color:#fff}.estado-badge.pendiente{background:#ffc107;color:#333}.estado-badge.rechazado{background:#dc3545;color:#fff}.estado-badge.deshabilitado{background:#6c757d;color:#fff}.estado-info{background:#f8f9fa;border-radius:8px;color:#666;line-height:1.6;padding:16px;text-align:center}.estado-info.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.estado-info.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.no-asociacion{background:#f8f9fa;border-radius:8px;color:#999;line-height:1.6;padding:20px;text-align:center}.asociaciones-lista,.invitaciones-lista{display:flex;flex-direction:column;gap:12px;margin-top:16px}.asociacion-item,.invitacion-item{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;transition:all .2s}.asociacion-item:hover,.invitacion-item:hover{border-color:#667eea;box-shadow:0 2px 8px #0000001a}.asociacion-header,.invitacion-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.contratista-info-asoc h4,.contratista-info-inv h4{color:#333;font-size:1.1rem;margin:0 0 8px}.contratista-detalle{color:#666;font-size:.9rem;margin:4px 0}.fecha-asociacion,.fecha-invitacion{color:#999;font-size:.85rem;font-style:italic;margin-top:8px}.invitacion-acciones{gap:8px;margin-top:12px}.badge-asociacion-activa{background:#28a745;border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.card-descripcion{color:#666;line-height:1.5;margin-bottom:8px}.contratista-info{background:#f8f9fa;border-radius:8px;margin:15px 0;padding:16px;text-align:center}.contratista-info p{color:#333;font-size:1rem;margin:0}.invitacion-acciones{border-top:2px solid #f0f0f0;display:flex;gap:10px;margin-top:20px;padding-top:15px}.invitacion-acciones .btn{flex:1 1;font-size:1rem;padding:14px 20px}.proyectos-card{grid-column:span 2}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h2{margin:0}.btn-sm{font-size:.9rem;padding:8px 16px}.proyectos-lista{display:flex;flex-direction:column;gap:15px}.proyecto-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;cursor:pointer;padding:16px;transition:all .2s}.proyecto-item:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.proyecto-item.no-clickable{cursor:default}.proyecto-item.no-clickable:hover{transform:none}.proyecto-item-header{align-items:flex-start;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.proyecto-item-header h4{color:#333;font-size:1.1rem;margin:0 0 4px}.proyecto-numero{color:#999;font-size:.85rem;margin:0}.proyecto-item-info{margin-bottom:12px}.proyecto-item-info p{color:#666;font-size:.9rem;margin:6px 0}.proyecto-item-info strong{color:#333}.proyecto-progreso-mini{margin-top:12px}.proyecto-progreso-mini .progreso-header{color:#666;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:6px}.proyecto-progreso-mini .progreso-porcentaje{color:#667eea;font-weight:700}.proyecto-progreso-mini .progreso-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden}.proyecto-progreso-mini .progreso-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .3s}.proyecto-pendiente-aprobacion{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-top:12px;padding:16px}.mensaje-pendiente{color:#856404;font-size:.9rem;line-height:1.5;margin:0 0 12px;text-align:center}.btn-aprobar{font-size:1rem;padding:12px;width:100%}@media (max-width:1024px){.perfil-content{grid-template-columns:1fr}.asociacion-card,.proyectos-card,.qr-card{grid-column:span 1}}@media (max-width:768px){.perfil-container{padding:15px}.perfil-card{padding:16px}.info-item{align-items:flex-start;flex-direction:column;gap:8px}.info-item strong{min-width:auto}.info-item span{text-align:left}.codigo-unico{font-size:1.5rem;letter-spacing:2px}.form-actions{flex-direction:column}}.admin-dashboard{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{color:#1976d2;font-size:2rem;margin:0}.dashboard-header .subtitle{color:#666;font-size:1rem;margin:.5rem 0 0}.btn-refresh{background-color:#1976d2;font-size:1rem}.btn-refresh:hover{background-color:#1565c0}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.metric-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.metric-header h3{color:#333;font-size:1.2rem;margin:0}.metric-icon{font-size:2rem}.metric-body{gap:1rem}.metric-body,.metric-main{display:flex;flex-direction:column}.metric-main{align-items:center;padding:1rem 0}.metric-value{color:#1976d2;font-size:3rem;font-weight:700;line-height:1}.metric-label{color:#666;font-size:.9rem;margin-top:.5rem}.metric-details{display:flex;flex-direction:column;gap:.75rem}.metric-item{background-color:#f9f9f9;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.metric-item .label{color:#666;font-size:.9rem}.metric-item .value{color:#333;font-weight:700}.metric-item.highlight{background-color:#e3f2fd}.metric-item.highlight .value{color:#1976d2}.metric-item.active{background-color:#e8f5e9}.metric-item.active .value{color:#2e7d32}.metric-item.success{background-color:#e8f5e9}.metric-item.success .value{color:#2e7d32}.usuarios-card .metric-value{color:#1976d2}.proyectos-card .metric-value{color:#388e3c}.cotizaciones-card .metric-value{color:#f57c00}.trabajadores-card .metric-value{color:#7b1fa2}.gastos-card .metric-value{color:#c62828}.clientes-card .metric-value{color:#0097a7}.charts-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.chart-container.full-width{grid-column:1/-1}.chart-container h3{color:#333;font-size:1.1rem;margin:0 0 1rem}.top-contractors-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.top-contractors-section h3{color:#333;font-size:1.3rem;margin:0 0 1rem}.contractors-table{overflow-x:auto}.contractors-table table{border-collapse:collapse;width:100%}.contractors-table th{background-color:#f5f5f5;border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:1rem;text-align:left}.contractors-table td{border-bottom:1px solid #f0f0f0;padding:1rem}.contractors-table tr:hover{background-color:#f9f9f9}.contractors-table .position{text-align:center;width:100px}.contractors-table .highlight,.contractors-table .position{color:#1976d2;font-weight:700}.medal{font-size:1.2rem;margin-left:.5rem}.recent-activity-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.recent-activity-section h3{color:#333;font-size:1.3rem;margin:0 0 1rem}.activity-timeline{display:flex;flex-direction:column;gap:1rem}.activity-item{background-color:#f9f9f9;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:background-color .2s}.activity-item:hover{background-color:#f0f0f0}.activity-icon{flex-shrink:0;font-size:2rem}.activity-details{flex:1 1}.activity-title{color:#333;font-weight:600;margin-bottom:.25rem}.activity-date{color:#666;font-size:.85rem}@media (max-width:768px){.admin-dashboard{padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-header h1{font-size:1.5rem}.charts-section,.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:2.5rem}.contractors-table{font-size:.9rem}.contractors-table td,.contractors-table th{padding:.5rem}}@media (max-width:480px){.metric-value{font-size:2rem}.metric-icon{font-size:1.5rem}.contractors-table{font-size:.8rem}}.admin-usuarios{margin:0 auto;max-width:1400px;padding:2rem}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.btn-retry{background-color:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.btn-retry:hover{background-color:#d32f2f}.filters-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.search-box{flex:1 1;min-width:250px;position:relative}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .3s;width:100%}.search-input:focus{border-color:#1976d2;outline:none}.search-icon{font-size:1.2rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.filter-buttons{display:flex;gap:.5rem}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s;white-space:nowrap}.filter-btn:hover{background:#f5f5f5;border-color:#1976d2}.filter-btn.active{background:#1976d2;border-color:#1976d2;color:#fff}.btn-refresh{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:background-color .3s;white-space:nowrap}.btn-refresh:hover{background-color:#45a049}.usuarios-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;overflow:hidden}.usuarios-table{border-collapse:collapse;width:100%}.usuarios-table thead{background-color:#f5f5f5}.usuarios-table th{border-bottom:2px solid #e0e0e0;color:#333;font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.usuarios-table td{border-bottom:1px solid #f0f0f0;font-size:.9rem;padding:1rem}.usuarios-table tbody tr:hover{background-color:#f9f9f9}.usuarios-table tbody tr:last-child td{border-bottom:none}.no-data,.text-center{text-align:center}.no-data{color:#666;font-style:italic;padding:3rem 1rem!important}.user-name{align-items:center;display:flex;gap:.5rem}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.badge-contratista{background-color:#e3f2fd;color:#1976d2}.badge-capataz{background-color:#f3e5f5;color:#7b1fa2}.badge-admin{background-color:#fff3e0;color:#f57c00;margin-left:.5rem}.badge-licencia-activa{background-color:#e8f5e9;color:#2e7d32}.badge-licencia-inactiva{background-color:#ffebee;color:#c62828}.btn-activar-licencia,.btn-desactivar-licencia{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s}.btn-activar-licencia{background-color:#4caf50;color:#fff}.btn-activar-licencia:hover:not(:disabled){background-color:#45a049}.btn-desactivar-licencia{background-color:#f44336;color:#fff}.btn-desactivar-licencia:hover:not(:disabled){background-color:#d32f2f}.btn-activar-licencia:disabled,.btn-desactivar-licencia:disabled{cursor:not-allowed;opacity:.5}.summary-section{display:flex;flex-wrap:wrap;gap:1rem}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex:1 1;gap:1rem;min-width:200px;padding:1rem 1.5rem}.summary-label{color:#666;font-size:.9rem}.summary-value{color:#1976d2;font-size:1.5rem;font-weight:700}@media (max-width:1024px){.filters-section{align-items:stretch;flex-direction:column}.filter-buttons{justify-content:space-between;width:100%}.usuarios-table-container{overflow-x:auto}.usuarios-table{min-width:800px}}@media (max-width:768px){.admin-usuarios{padding:1rem}.page-header h1{font-size:1.5rem}.usuarios-table td,.usuarios-table th{font-size:.8rem;padding:.75rem .5rem}.filter-btn{font-size:.8rem;padding:.5rem 1rem}.summary-section{flex-direction:column}}.modal-overlay{background-color:#000000b3}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1976d2;font-size:1.5rem;margin:0}.btn-close-modal{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;transition:color .3s}.btn-close-modal:hover{color:#333}.modal-body{padding:1.5rem}.modal-body p{color:#666;margin:.5rem 0}.modal-body .form-group{margin-top:1.5rem}.modal-body .form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.modal-body .input-licencia{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.modal-body .input-licencia:focus{border-color:#1976d2;outline:none}.modal-body small{color:#999;display:block;font-size:.85rem;margin-top:.5rem}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-cancel,.btn-confirm{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.btn-cancel{background-color:#e0e0e0;color:#666}.btn-cancel:hover:not(:disabled){background-color:#d0d0d0}.btn-confirm{background-color:#1976d2;color:#fff}.btn-confirm:hover:not(:disabled){background-color:#1565c0}.btn-cancel:disabled,.btn-confirm:disabled{cursor:not-allowed;opacity:.5}.admin-configuracion{margin:0 auto;max-width:1200px;padding:2rem}.page-header{margin-bottom:2rem}.page-header h1{color:#1976d2;font-size:2rem;margin:0 0 .5rem}.page-header .subtitle{color:#666;font-size:1rem;margin:0}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#1976d2;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mensaje-error,.mensaje-exito{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}.mensaje-exito{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.mensaje-error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.config-section{display:flex;flex-direction:column;gap:1.5rem}.config-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.config-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem}.config-header h2{font-size:1.5rem;margin:0 0 .5rem}.config-header p{font-size:.95rem;margin:0;opacity:.9}.config-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.5rem}.config-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s;width:100%}.config-input:focus{border-color:#1976d2;outline:none}.help-text{color:#999;display:block;font-size:.85rem;line-height:1.4;margin-top:.5rem}.info-box{background-color:#e3f2fd;border-left:4px solid #1976d2;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem}.info-box strong{color:#1976d2;display:block;margin-bottom:.5rem}.info-box p,.info-box ul{color:#555;margin:.5rem 0}.info-box ul{padding-left:1.5rem}.info-box li{margin:.25rem 0}.config-actions{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding-top:1rem}.btn-guardar{background-color:#1976d2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:background-color .3s}.btn-guardar:hover:not(:disabled){background-color:#1565c0}.btn-guardar:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.admin-configuracion{padding:1rem}.page-header h1{font-size:1.5rem}.config-header h2{font-size:1.25rem}.config-body{padding:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-screen{align-items:center;color:#666;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.page-placeholder{padding:40px;text-align:center}.page-placeholder h1{color:#333;margin-bottom:10px}.page-placeholder p{color:#999}.btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#6c757d;color:#fff}.btn-success{background:#28a745;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-warning{background:#ffc107;color:#333}.btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.card{padding:24px}.card,.table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.table{overflow:hidden;width:100%}.table thead{background:#f8f9fa}.table td,.table th{border-bottom:1px solid #e0e0e0;padding:12px;text-align:left}.table th{color:#666;font-size:.85rem;font-weight:600;text-transform:uppercase}.table tbody tr:hover{background:#f8f9fa}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.modal h2{color:#333;margin-bottom:20px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}
/*# sourceMappingURL=main.54630667.css.map*/