.app-layout{display:flex;height:100vh;background-color:#f4f7f6}.sidebar{width:250px;background-color:#1e293b;color:#e2e8f0;display:flex;flex-direction:column;padding:16px;box-shadow:2px 0 5px #0000001a}.sidebar-header{display:flex;flex-direction:column;align-items:center;font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:24px;text-align:center;padding:16px 0;border-bottom:1px solid #334155}.sidebar-logo{width:80px;height:auto;margin-bottom:12px;border-radius:8px}.sidebar-nav{flex-grow:1}.sidebar-nav a{display:block;color:#cbd5e1;text-decoration:none;padding:14px 20px;border-radius:6px;margin-bottom:8px;font-size:1rem;transition:background-color .2s,color .2s}.sidebar-nav a:hover,.sidebar-nav a.active{background-color:#334155;color:#fff}.content-wrapper{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.header{height:70px;background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 32px;box-shadow:0 2px 4px #0000001a}.header-user{font-weight:600}.logout-button{background:none;border:1px solid white;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.logout-button:hover{background-color:#ffffff1a}.page-content{padding:32px;flex-grow:1}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f2f5;font-family:Arial,sans-serif}.login-card{display:flex;width:800px;box-shadow:0 4px 12px #0000001a;border-radius:8px;overflow:hidden}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:48px;width:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.login-header h2{margin:16px 0 4px;font-size:1.8rem}.login-header p{margin:2px 0;font-size:.9rem}.login-form{background:#fff;padding:48px;width:60%;display:flex;flex-direction:column}.login-form h3{font-size:1.5rem;color:#333;margin-bottom:24px;text-align:center}.input-group{margin-bottom:16px}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.input-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem}.login-button{background-color:#007bff;color:#fff;padding:12px;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;margin-top:8px}.login-button:hover{background-color:#0056b3}.forgot-password{text-align:center;margin-top:16px;color:#007bff;text-decoration:none;font-size:.9rem}.error-mensaje{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;text-align:center;margin-bottom:16px}.login-logo{width:100px;height:auto;margin-bottom:16px;border-radius:8px}.dashboard-container h2{font-size:1.8rem;color:#333;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.stat-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 12px #0000000d;display:flex;align-items:center;gap:20px}.stat-card-icon{font-size:2.5rem;padding:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-card-icon.usuarios{background-color:#e8dffc;color:#764ba2}.stat-card-icon.actas{background-color:#fcece0;color:#f39c12}.stat-card-icon.documentos{background-color:#e0f7fa;color:#00bcd4}.stat-card-icon.comunicaciones{background-color:#fde2e6;color:#e91e63}.stat-card-info h3{font-size:2.2rem;color:#333;margin:0}.stat-card-info p{font-size:1rem;color:#666;margin:0}.notifications-panel{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin-top:32px}.notifications-panel h3{font-size:1.5rem;color:#333;margin-bottom:16px}.notification-list{padding:0;margin:0;list-style:none}.notification-item{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #f0f0f0}.notification-item:last-child{border-bottom:none}.notification-icon{font-size:1.2rem;color:#007bff}.notification-content p{margin:0;font-weight:600;color:#333}.notification-content span{font-size:.9rem;color:#777}.gestion-usuarios-container{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.btn-nuevo{background-color:#28a745;color:#fff;padding:10px 16px;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-nuevo:hover{background-color:#218838}.tabla-usuarios{width:100%;border-collapse:collapse}.tabla-usuarios th,.tabla-usuarios td{border:1px solid #ddd;padding:12px;text-align:left}.tabla-usuarios th{background-color:#f8f9fa;font-weight:600}.tabla-usuarios tr:nth-child(2n){background-color:#fdfdfd}.estado-badge{padding:4px 8px;border-radius:12px;font-size:.85rem;font-weight:600}.estado-activo{background-color:#d4edda;color:#155724}.estado-inactivo{background-color:#f8d7da;color:#721c24}.acciones-btn{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;margin-right:6px;font-weight:600}.btn-editar{background-color:#007bff;color:#fff}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 10px #0003;width:100%;max-width:720px;z-index:1001}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-size:1.6rem;color:#333;margin:0}.modal-close-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;color:#888;line-height:1}.usuario-form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px;width:100%}.form-group{display:flex;flex-direction:column;flex:1 1 100%;min-width:0}.form-group-half{flex:1 1 50%;min-width:0}.form-group label{margin-bottom:6px;font-weight:600;color:#555;font-size:.95rem}.form-group input,.form-group select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem;line-height:1.25rem}.form-group input::placeholder{color:#9aa0a6}.form-footer{width:100%;display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn-cancelar{background-color:#6c757d;color:#fff}.btn-guardar{background-color:#28a745;color:#fff}.btn-cancelar,.btn-guardar{padding:10px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer}@media(max-width:640px){.form-row{flex-direction:column}.form-group-half{flex:1 1 100%}.modal-content{max-width:94vw;padding:20px}}.gestion-actas-container{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.btn-nuevo{background-color:#28a745;color:#fff;padding:10px 16px;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer}.tabla-actas{width:100%;border-collapse:collapse}.tabla-actas th,.tabla-actas td{border:1px solid #ddd;padding:12px;text-align:left;vertical-align:middle}.tabla-actas th{background-color:#f8f9fa;font-weight:600}.btn-editar{background-color:#ffc107;color:#212529}.tipo-badge,.estado-badge{padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:capitalize}.tipo-ordinaria{background-color:#cce5ff;color:#004085}.tipo-extraordinaria{background-color:#f8d7da;color:#721c24}.estado-aprobada{background-color:#d4edda;color:#155724}.estado-borrador{background-color:#fff3cd;color:#856404}.versiones-list{list-style:none;padding:0;margin-top:16px;max-height:200px;overflow-y:auto;border:1px solid #eee;border-radius:4px}.versiones-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #f0f0f0}.versiones-list li:last-child{border-bottom:none}.version-info a{font-weight:600;text-decoration:none;color:#007bff}.version-info span{display:block;font-size:.85rem;color:#666}.btn-eliminar-version{background:none;border:none;color:#dc3545;font-size:1.2rem;cursor:pointer}.upload-form-version{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.gestion-docs-container{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.btn-subir{background-color:#28a745;color:#fff;padding:10px 16px;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-subir:hover{background-color:#218838}.upload-form-container{padding:16px;border:1px solid #eee;border-radius:8px;margin-bottom:24px;background-color:#fcfcfc}.upload-form{display:flex;flex-direction:column;gap:16px}.tabla-documentos{width:100%;border-collapse:collapse}.tabla-documentos th,.tabla-documentos td{border:1px solid #ddd;padding:12px;text-align:left}.tabla-documentos th{background-color:#f8f9fa;font-weight:600}.btn-ver{background-color:#007bff;color:#fff}.btn-eliminar{background-color:#dc3545;color:#fff}.file-name{font-weight:600;color:#333}.file-author{font-size:.9rem;color:#666}.correspondencia-container{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.header-gestion{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-gestion h2{font-size:1.8rem;color:#333}.header-botones{display:flex;gap:12px}.btn-nuevo-oficio,.btn-nueva-solicitud{color:#fff;padding:10px 16px;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-nuevo-oficio{background-color:#007bff}.btn-nueva-solicitud{background-color:#28a745}.tabs-container{display:flex;border-bottom:2px solid #dee2e6;margin-bottom:24px}.tab-btn{padding:12px 20px;cursor:pointer;background:none;border:none;font-size:1.1rem;font-weight:600;color:#6c757d;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-btn.active{color:#007bff;border-bottom-color:#007bff}.tabla-correspondencia{width:100%;border-collapse:collapse}.tabla-correspondencia th,.tabla-correspondencia td{border:1px solid #ddd;padding:12px;text-align:left;vertical-align:middle}.tabla-correspondencia th{background-color:#f8f9fa;font-weight:600}.estado-badge{padding:5px 10px;border-radius:16px;font-size:.85rem;font-weight:600;text-transform:capitalize}.estado-pendiente{background-color:#fff3cd;color:#856404}.estado-atendido{background-color:#d4edda;color:#155724}.estado-en-proceso{background-color:#cce5ff;color:#004085}.estado-completada{background-color:#d4edda;color:#155724}.acciones-btn{padding:6px 10px;border:none;border-radius:4px;cursor:pointer;margin-right:6px;font-weight:600;text-decoration:none;display:inline-block}.btn-atender{background-color:#007bff;color:#fff}.reportes-container{background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.reportes-container h2{font-size:1.8rem;color:#333;margin-bottom:24px}.reportes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.reporte-card{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px}.reporte-card h3{font-size:1.3rem;margin:0;color:#212529}.reporte-card p{font-size:.95rem;color:#6c757d;margin:0;flex-grow:1}.btn-descargar{background-color:#007bff;color:#fff;padding:10px 16px;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;text-align:center;transition:background-color .3s}.btn-descargar:hover{background-color:#0056b3}.btn-descargar:before{content:"📥 ";margin-right:6px}.configuracion-container{max-width:600px;margin:0 auto;background-color:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.configuracion-container h2{font-size:1.8rem;color:#333;margin-bottom:24px;text-align:center}.password-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-weight:600;color:#555}.form-group input{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box}.btn-actualizar{background-color:#007bff;color:#fff;padding:12px;border:none;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:8px;transition:background-color .3s}.btn-actualizar:hover{background-color:#0056b3}.success-mensaje{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;padding:10px;border-radius:4px;text-align:center}.error-mensaje{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;border-radius:4px;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f0f2f5}